Search jQuery

jQuery Forum

Native look for toggle switch

in jQuery Mobile • 3 months ago

We are trying to build an Android application using Phonegap and jQuery Mobile. While using ThemeRoller, I noticed that by default controls have look and feel of native iPhone controls. e.g. ON-OFF toggle switch

Is there any way to specify that the controls should have look of native Android controls?

Replies(5)

haga0054

Re: Native look for toggle switch

3 months ago

Yes, use your own CSS instead of relying on JQM CSS. This is pretty much the only way. You can change the button radials, color, shadow etc. But you won't get it to look perfect without your own CSS.

watusiware

Re: Native look for toggle switch

3 months ago

It is not a goal of jQuery for it's controls to look like native controls. To my knowledge there is no intent to replicate the look of any particular platform.

That said, you can use ACTUAL native controls if you wish:

http://jquerymobile.com/demos/1.2.0/docs/forms/forms-all-native.html

phonegap

Re: Native look for toggle switch

3 months ago

Thank you both for the quick reply.

I am trying to replicate the same toggle switch button as we have in Android phones (attached screen shot for your reference). I have 2 background images for on and off instead of labels which I am not able to apply.

Attachments

toggle_swicth.png
Size : 11.86 KB Download : 224

phonegap

Re: Native look for toggle switch

3 months ago

OK, now I have used my custom styling to make it look like how I want.

The only pending task, which I need to handle now is to change the "ui-slider-handle" when on/off. I need to change it to a different background when it is in the "on state" or "off state".

Response title

Attachments

jQuery Forum

Native look for toggle switch

Replies(5)

Re: Native look for toggle switch

Re: Native look for toggle switch

Re: Native look for toggle switch

Attachments

Re: Native look for toggle switch

Re: Native look for toggle switch

Statistics

Tags

Actions

Related Posts