cssjquery-mobilejquery-mobile-fieldsetjquery-mobile-radio

jQuery Mobile radio buttons use fieldset and legend


The documentation uses a fieldset with a legend to tell the user what to do. But I would like to use the full width of the screen.

If I remove the legend, then there is a blank column on the right-hand side now instead of the left.

Q: How can I use the entire width of the screen when asking for radio button input?


Solution

  • Working example : http://jsfiddle.net/Gajotres/e3Z6w/

    This css override will fix your problem. It works on radio button and checkboxes.

    .ui-controlgroup-label {
        width: 100% !important;
    }