Search jQuery

jQuery Forum

Flipswitch widget rendered as dropdown inside panel widget

in jQuery Mobile • 5 years ago

I noticed that the flipswitch widget is rendered as dropdown inside a panel, if i put the flipswitch widget inside a page it's rendered as i see in the jQuery mobile demos, is there a way to render it as in the demo?

Attachments

jqm-screen.jpg
Size : 73.7 KB Downloads : 448 Download

Replies(5)

watusiware

Re: Flipswitch widget rendered as dropdown inside panel widget

5 years ago

We can't guess at your HTML, CSS, or if you properly included both the JQM CSS and JS.

Can you make a demo, preferably using jsFiddle?

simbian

Re: Flipswitch widget rendered as dropdown inside panel widget

5 years ago

You are right, the page is live here: https://theredlips.digitalking.it/giochi/Sx1.html

watusiware

Re: Flipswitch widget rendered as dropdown inside panel widget

5 years ago

The documentation says you should use an <input> for a flipswitch, not a <select>.

Are you SURE it worked in a page? The same way you've done it in the panel?

See the examples in the demo and use "view source". Do it the way the documentation says and let us know if it fixes it. Use the "view source" buttons to see how to make the markup.

http://demos.jquerymobile.com/1.4.5/flipswitch/

Edit: sorry, that's for a flip toggle. I see yes you use a <select> for a flipswitch with two values.

watusiware

Re: Flipswitch widget rendered as dropdown inside panel widget

5 years ago

Since your panel is outside of any page, it has no pageinit to initially style widgets.

You have a bit of code that instantiates the panel. I think that you may also have to initialize the widgets inside the panel. (Though I am surprised if .panel() doesn't do this...)

Try changing your code to:

$( "body>[data-role='panel']" ).panel().enhanceWithin();

simbian

Re: Flipswitch widget rendered as dropdown inside panel widget

5 years ago

using

.enhanceWithin();

solved the problem, thank you!

Top Reply

Response title

Attachments

jQuery Forum

Flipswitch widget rendered as dropdown inside panel widget

Attachments

Replies(5)

Re: Flipswitch widget rendered as dropdown inside panel widget

Re: Flipswitch widget rendered as dropdown inside panel widget

Re: Flipswitch widget rendered as dropdown inside panel widget

Re: Flipswitch widget rendered as dropdown inside panel widget

Re: Flipswitch widget rendered as dropdown inside panel widget

Statistics

Tags

Actions