I'm developing an application with sencha touch and phonegap, and I have been created a component extending TextField class. It works this way:
The user taps the field
The application open a modal with a calendar inside it
The user taps the number representing the day he wants to choose
The modal closes and set his value on the textfield.
I wanna know if is there a way to when the user taps the TextField, the keyboard don't appear.
Thanks.
PS: Sorry my bad english, I wish you could understand ^^
I have been solved my problem just adding readOnly: true on my textfield.
Thanks for everyone who tried to solve it.
Related
I am writing a mobile app and when the user sees some screens of the app for the first time, I would like to show a tooltip, explaining some of the functionality.
For instance, the user navigates to the profile page, and I show a tooltip on the add icon, saying something like "you can add a photo here".
Obviously I dont want to show this tooltip every time the user navigates to the profile page, so what is the correct way of doing so? Is it via redux? Keeping some state like "tooltipWasShown"?
Or should I write a custom hook? Something which checks if the tooltip was shown? (this should happen again via redux I guess)
I dont think it is a unique problem, but I couldn't find any blog posts/examples of what is the way to implement it. Any suggestions are welcome!
You will need to use Async Storage for the save data about tutorial, if user reload app redux will be empty. Or will add isFirstEnter field to user in DB and then check this field
I'm new to React and I'm building a login and register feature for my website. I want the user to click the login or register button and then the form will popup for user to enter their information. The first thing comes to my mind is using modal in bootstrap but I cannot enter anything in the input fields. Does it the right way to do a popup form in React?
I use react-modal(https://www.npmjs.com/package/react-modal) and redux-form(https://redux-form.com/8.3.0/) for this kind of works
In React-Native, there is a Component called KeyboardAvoidingView, but I could not find something similar for Reactjs. Is there a way to make sure that the keyboard does not cover the inputs and the Submit button, whenever a user is typing on mobile?
If you doesn't want your keyboard to cover text inputs or Button in Mobile Application there is only on library as you mentioned KeyboardAvoidingView .
And if it is not working correctly then you can try this React-native example
But React is totally based on Web so there is no specific library in Reactjs to control mobile keyboard .
I am working on codenameone, and trying to make the first UI.
A basic UI with a title and two buttons on two sides of the "title" to go to two different pages.
I was trying to do that with "Form" component but then it only gives one button by default, which is just taking me to the previous screen.
Not sure how to do this, any link or tip is a nice help.
thanks
Use addCommand(new Command("X")) or in the GUI builder just click the commands property in the form. It will automatically use the menu for Android.
The back button is added automatically for iOS apps for back navigation which you will probably need. You can disable it in the state machine code and have room for two commands in the title.
Mobile devices with software keyboards often change the keyboard when filling in a web form to allow the user to submit with one click and avoid jabbing at the 'submit' button of the form.
How can one access this functionality from a phonegap/cordova/other HTML5 app?
I struggled with this for a while, so gonna share the answer here.
This blog post by Matt Nunes showed me that the type="submit" input should be the first button in the form.
Once you know this, you might be satisfied, but I wanted to hide the button - why have it when you want the user to use their keyboard? For an outline of how to do this, check out this related question - Is it too much to ask to have an invisible button on jQuery Mobile?
Effectively, when the user taps the 'go' button on their soft keyboard, it shows up to the browser as a click on the submit button. Therefore,
(1) Override the default event
(2) Profit.
Hopefully this helps someone.