I have a textfield widget in a qooxdoo mobile app which is intended for numeric input only.
Is there any way to get a numeric keypad when inputting/editing values on a qooxdoo mobile textfield widget?
I have found this http://blog.pamelafox.org/2012/05/triggering-numeric-keyboards-with-html5.html .
That link would be a solution if I knew how to access the html input element of the textfield widget that I could set the type and step attributes on it. But maybe qooxdoo offers a more direct solution.
So the question is - how to get a numeric keypad when inputting/editing to a qooxdoo mobile textfield widget.
There exists qooxdoo.ui.mobile.form.NumberField which has a very attractive numeric keypad.
Does the job very nicely.
Hope this helps someone else.
Related
I've just started learning react, so this question can be east, but thank you for help. Now I'm using Material UI in my project, and I need outlined phone number input with flag and label, which looks like enter image description here
But I can't find how to style any phone number picker to make it similar to this. Thnk you vey much for your help/
You probably want to grab InputBase from material-ui or just a regular html input tag and use className to style it. You could set the type="tel" or keep it as a string. You could add validation with yup to ensure that the right format is submitted.
I am using the Autocomplete from here: https://material-ui.com/components/autocomplete/#autocomplete. It's a fantastic control, but extends pretty far downwards on mobile (which causes it to show behind the keyboard). Is there a way to make such a control display only 3 items, based on if device type is mobile?
I would like to know if it's possible to have the native keyboard always visible. So I don't need to tap to have the text field in focus.
Thanks in advance.
That is the default behavior of Codename One at least on iOS & Android unless a fallback mode happened. This fallback mode happens when components can't be scrolled to e.g. if the text fields weren't in a box layout Y that's scrollable on a Y axis.
I want to display a static text in my app which would be a tab in my tabpanel...
I can only find textfield with input... how do I get a textfield no input to show?
In sencha architect
I think you're looking for label component: http://docs.sencha.com/extjs/4.0.7/#!/api/Ext.form.Label
Since you clarified that this is for Sencha Touch and not ExtJs, the only way to do is to use standard Ext.Component element and specify html property of it.
Can any one please tell me how i can add slider and moving form in codename one (with sample lines of code) and also want to know are these features supported by all types of devices?
Regards,
Megha
I think you mean how to animate forms changes
Form.setTransitionInAnimator(CommonTransitions.somthing)
Form.setTransitionOutAnimator(CommonTransitions.somthing)
Next, you should handle some "finger slide" event.
To add a slider you can use the following code
Slider jSlider = new Slider();
jSlider.setMaxValue(255);
jSlider.setMinValue(0);
jSlider.setProgress(50); // Set the starting value
jSlider.setEditable(true); // To it works as a slider instead of a progress bar
Now you have created a slider which you can add to your component like you would in Swing. You can type 'jSlider.' in eclipse to find out which other methods you can use, or you can go to the API: http://codenameone.googlecode.com/svn/trunk/CodenameOne/javadoc/com/codename1/ui/Slider.html
I think min/maxValue are selfexplenatory though :)
If you want to open a new form, simply create a new class extending form or do it in code like
Form form = new Form();
form.animate(); // To make it "slide in"
form.show();
Also noteworthy, the slider doesn't work with the lumia skin per default, though you can make it work. I actually asked this question on here as well:
Slider doesn't draw (CodeName One) with Windows phone skin