I want to change the default buttons of an HTML select box (dropdown) using PhoneGap 3.5. A "Cancel" button should appear in addition to "Done." Is it possible to change or add select buttons using the PhoneGap API or plugins?
It's not possible using the OS level control out of the box but it looks like a cordova plugin (for iOS) has been started (3 days ago) that could include this functionality:
https://github.com/mzbyszynski/cordova-plugin-picker
I suggest speaking directly with the plugin author by raising an issue / enhancement request.
Related
Is there a way to create an ios datepicker/timepicker like styled custom select for ionic apps?
For example, I want to create a custom select as the following image
This is kind of late to the party, but maybe this will help: https://github.com/mmnaseri/proton.multi-list-picker
This is an Angular 1.x component with no dependencies on any other frameworks that provides an easy solution for creating iOS-style select views.
For instance, this is the sort of select that you can create with this component:
And this is another example:
If you set the attachment value to bottom it will be exactly like the iOS select component looks like, with a fixed bottom modal attachment.
I'm not sure but for now this not possible with Ionic. There options like this ionic-datepicker, but this isn't native, just a library.
There are various plugins available out there. You can find one here
Also you can use HTML Select/Option list to show up a native alike control that will display a list of single select-able items. Select/Option tag invokes OS specific native selector.
Have a look at it here. That demo might help you.
Am working on a windows store winjs application and am trying to force display the touch keyboard on the application screen.
I couldn't find any proper solution over the net for the same.
Is there a way to force display it?(would be great if there are some work arounds)
The touch keyboard show & hide behavior is designed to be controlled by the user and should not be changed easily.
Anyway an easy workaround is to set the focus on an input control in the page programmatically. This will make the keyboard appear, but the the control will be back to the user and he will be able to hide it at any time.
Cheack this article for a more complex workaround if you need a bit more control: How do I hide virtual keyboard for select element in Win8 JavaScript app?
Is it possible for a select menu to open a spinner with two columns in iOS? Similar to how when you have an input type of date iOS opens its customised spinner with different columns that are all individually selectable.
Sorry should have specified "in HTML"
Not using native controls, no. There are a few libraries for this already available mind you:
http://cubiq.org/dropbox/sw/ is a good example of one that mimics the iOS interface.
I am porting a mobile app from jQueryMobile to jqMobi and am looking for a way to determine the currently viewed panel. In jQuery they had
$.mobile.activePage
Does jqMobi have something similar, or do i need to track it myself?
There is a property called "activeDiv" that you can use - it is the raw DOM node.
$.ui.activeDiv
Im creating an app (rather big one) with Worklight. When im testing the app in an android phone and press the backbutton it closes the app.. now i want it to go back one page. Right now the page navigation is with dojox mobile implemented system. this way:
<button data-dojo-type="dojox.mobile.ToolBarButton" data-dojo-props="transition:'fade',dir:'1',moveTo:'Contact'" class="buttonHem" style="color:black; font-size:1em;">Kontakta Oss</button>
is there a way to use the android backbutton without having to redo everything?
we have deadline in 2 weeks so there is really no time to redo the app with jquery mobile..
Answers will be appreciated.
If you're talking about a hardware Android back button you have a WL API to override it's behaviour.
WL.App.overrideBackButton(function() { doSomething });
and WL.App.resetBackButton();
The back button functionality should work in Dojo Mobile. Looking at the documentation for ToolBarButton I think what you need to do is use a # in front of your next view for the moveTo attribute. In your example it would be moveTo:'#Contact' Take a look at the moveTo attribute in the doc below for more info.
http://dojotoolkit.org/reference-guide/1.8/dojox/mobile/ToolBarButton.html