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.
Related
Good Afternoon/Evening/Morning Folks,
I recently encountered a discussion with another developer on dismissing a UIPickerView. We work on a legacy enterprise application that had a lot of issues and was written very poorly (among other things). Since then, we revamped and fixed a lot of bugs with this program, strictly adhering to Apple's Human Interface Guidelines as much as possible while keeping to original requirements.
We seem to have a difference in opinion as Human Interface Guidelines do not really go into any detail about picker views. We implemented our new UIPickerView with a "Done," Button to confirm a selected value to be placed in a UITextField. Screen's input would be locked until they selected a value or clicked done.
Legacy application prior to our changes allowed users to utilize a done button but also by way of tapping a value selected in a picker. In addition, legacy application would also show selected UIPickerView value in UITextField prior to selection, wiping out original contents , if any was selected prior to opening a UIPickerView.
So, What is correct way to implement a UIPickerView per common practice or Strict Apple Documentation (if any exists). What is common practice?
Sorry, I cannot post any screen shots or code snippets due to business process reasons. I will do my best to explain if any questions arise.
Thanks,
We can figure this out through apps designed by Apple. Here are two examples
1. Contacts
Find a contact person in the Contacts app and set birthday. The picker shows up. While you are dragging the pickers, it does not set value to the text field. It happens only when you release the wheel. There is no Done button to hide the picker it self. To dismiss it, you can either click on the done button on navigation bar to end editing for the whole page, or click on another text field which pops a different keyboard.
2.Setting - Date&Time
Basically the same as Contacts app. Here you cannot even dismiss the picker.
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 !
I'm using a sap.m.DateTimeInput in my XML View. When the input is clicked the DatePicker Popup is opened. Now I want to add a Button beside the DateTimeInput, and let open the Date popup on button click. DateTimeInput provides no method to open the Popup as far as i know. I'using SAPUI5 version 1.28.
How can i achieve this ?
I'm a little bit lost in Borwser Events, handlers and so on.
Check out the Date Picker control. I think that this control is what you want.
Date Picker Control
I'm new in iOS programming, and I have a little problem with the keyboard...
That's a webapp, the application shows simply the mobile website.
In this website, there are forms, and in this forms, there are input type file fields. When the user clicks on input type text field, the keyboard appears, logical, isn't it ?
But when the user clicks on input type files fields, the keyboard does some weirds things. Sometimes it's not totally visible, sometimes it's misplaced, and the most of times, that's both... You can view it on this awesome screenshot I've made.
Is there anyone who can help me to fix this issue ?
I finally found the solution. I just update Cordova, and the problem was fixed...
So, to all the people which have this problem, simply update Cordova ;-)
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.