Home/ Questions/Q 8361327
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T11:40:19+00:00

This code: <td> <label> <input type=checkbox> </label> </td> yields this: , which is wide.

  • 0

This code: 

<td>
    <label>
        <input type="checkbox">
    </label>
</td>

yields this: wide, which is wide. I want only the check-box square part, like the check-boxes in this demo. Writing only <td><input type="checkbox"></td> creates simple check-box (not JQM style), since it’s inside a table.

Does somebody has simple solution ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    first of all you will not be able to customize the by default developed HTML control. what I meant is just taking out the square portion from check box.

    The link you share is doing it with the help of css classes and images.

    Initially.

    <label class="ui-btn ui-btn-icon-left ui-btn-corner-all ui-checkbox-on 
ui-btn-up-c" data-theme="c" for="selectRow-2">
<span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true">
<span class="ui-btn-text">
</span>
<span class="ui-icon ui-icon-shadow ui-icon-checkbox-on">
</span>
</span>
</label>

    Later on when you click the square with help of java-script they have just swapped classes. 

    <label class="ui-btn ui-btn-icon-left ui-btn-corner-all ui-checkbox-off ui-btn-up-d" 
data-theme="d" for="selectRow-1">
<span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true">
<span class="ui-btn-text">
</span>
<span class="ui-icon ui-icon-shadow ui-icon-checkbox-off">
</span>
</span>
</label>

    The easiest way would be using some thing similar in your layout and swapping the classes with JS.

    • 0