Search jQuery

jQuery Forum

jQuery Mobile

olivier13..

How to keep checkbox style without showing a label

in jQuery Mobile • 11 years ago

Hi everyone !

I am a new user of Jquery mobile, I found it really easy to use and very fast.

However, I am stuck at something, I would like to show a checkbox with the nice Jquery mobile style, but without showing a label, and to put it on each row of a listview.

Here an example of what I almost want :

http://a4.mzstatic.com/us/r1000/095/Purple/ff/1d/33/mzl.ecpvufek.320x480-75.jpg

All my attempts were not successful, since :

- or the label is still present, and with him the background which takes 97% of the width :

- or the label is no more present, but the style of the checkbox button is gone :(

You can see what I mean on this page : http://jsfiddle.net/YpZq5/

Is there a way to make it possible through css, javascript or else ? :)

Thank you very much beforehand for your answers.

Have a great day.

Olivier.

Replies(2)

blackhawk

Re: How to keep checkbox style without showing a label

11 years ago

I'm not sure if this is what you mean, but try finding the class or element that controls your label via Firebug or Chrome Developer tools and set it to display:none or visibility:hidden and see if that helps.

*Break Through The Ice*

olivier13..

Re: How to keep checkbox style without showing a label

11 years ago

In fact if I tried to hide the label, and it seems that all the style is gone, it just remains a little and ugly html checkbox xD

If no one knows a trick to do something like that, I think I will try to make my own custom checkboxes, even if the jquery mobile checkbox's style is nicer that what I can do ^^

Top Reply

Response title

Attachments

jQuery Forum

How to keep checkbox style without showing a label

Replies(2)

Re: How to keep checkbox style without showing a label

Re: How to keep checkbox style without showing a label

Statistics

Tags

Actions