How can I show my items like the datepicker? At the moment, I just see a popup where I can choose from. I want it to be scrollable
https://ionicframework.com/docs/native/date-picker/
with this native plugin you can use the native date picker of the underlying OS.
Related
I am using a daterangepicker in my project. It's developed with help of third party library daterangepicker.js But, it's not supporting keyboard accessibility. Author of this library is not ready to add the feature as it's 11 years old library.
Can someone help me to add the keyboard accessibility for this date picker in my application. I appreciate the suggestions and ideas on this.
More details on exact issue:
We attached the date picker to a input field. And opening the datepicker as soon as input field gets the focus. But, not able to navigate the datepicker using keyboard(arrow, tab etc..)
I am expecting to make date range picker keyboard accessible.
I'm looking for a way to add a little icon (for example an hamburger icon) on a calendar around the time and date the user had lunch. I'm using the syncfusion calendar package. How do you think i should proceed?
Thank you for your help
I'm new to React Native and want help with form making. I need a combobox, where a user should choose an option from several. When user clicks the combobox component, I want options in something like a popup on screen without going to another page, and once the option is chosen the popup or whatever automatically closes.
I created a standard combobox to select the option, but I want to show options in a popup with closure when the option has been chosen.
Is there anyone can help me?
You can use the Picker component.
Also check this library - it wrap native pickers. I believe you will get a popup picker in Android and a bottom-modal picker in iOS (just like native)
Oh, almost 2 years since you asked this question. But, maybe there are others who come up to this thread & wants to know the other option to display combobox like popup. This react-native-material-dropdown might be great for you. Try it !
How can we add horizontal buttons and text field in Ionic Actionsheet.
can we retrive data from textfield. i am able to create buttons vertically, not able to add buttons vertically and get text from textfield.
I think you cannot manipulate actionsheet style as cordova use the native of each platform. If you need custom action sheet you may build actionsheet-like component by yourself or you can use Angular Material Bottom Sheet
The Actionsheet is a native plugin. You can edit those in the plugins folder. However, you have to write native code. If you are looking for another (non-native) way, just google angular-modal and roughly a 1000 great options will come up for directives which you should be able to implement easily.
I have experience in Android and currently started to learn iOS. I created a mechanism to Pick data in an Android App. When I click on Date button, a DatePicker pops up:
As you see It has Cancel and Set button.
My question is about my iphone App. I want to have the same mechanism. When I click on the button, Date picker pops up (that can have Set and cancel button like Android Date picker). How can I do that? I'm not sure that it is a good way in iPhone, Can you help me if we can design a better mechanism?
Here's a UX comparison between Android and iOS standard widgets, with links to the documentation on the relevant Apple / Android websites. It's a nice way to get started learning all the technical terms.
http://kintek.com.au/blog/portkit-ux-metaphor-equivalents-for-ios-6-and-android-4/
Hopefully that gets you started.
Apple has a sample project that demonstrates this. You'll have to adapt it slightly: instead of showing/hiding the date picker itself, you'll want to show/hide a view containing a date picker and a dismissal button.
It's called DateCell.
Basically, it treats the date picker as if it were the keyboard for a cell containing the date. You'll need to manage hiding it when the user enters a text field (and thus, needs the real keyboard) and scrolling to keep the date row in view, but all the bits you need are in this project one way or the other.
One way to do it would be add a custom buttons to the same view containing date picker and then pop it up when the users wants. Instead of using the date picker delegate use the buttons action to get the date picker value.