jQuery UI Widgets Forums Editors CheckBox, RadioButton Checkbox width breaks on Internet Explorer 11

This topic contains 1 reply, has 2 voices, and was last updated by  admin 4 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • damerval

    I have an issue on a page with the width of the jqxCheckbox component. Under Chrome or Opera, the generated inline CSS for the checkbox component reads:
    style=”width: 23px; height: 18px; cursor: pointer; line-height: 18px;”
    Under IE 11, the same generated inline CSS reads:
    style=”width: 10px; height: 18px; line-height: 18px; cursor: pointer;”
    Note the difference in width, leading to an unacceptable look in IE.
    The HTML markup looks like this:
    <div class=”col”>
    <div class=”d-flex align-items-start mt-3″>
    <input type=”checkbox” id=”cm-mov-tb” title=”TB”>
    <span class=”ml-1 mr-3 d-inline-block checkbox-label”>TB</span>
    And the setup line in the JS is this:
    $(“input[type=checkbox]”).jqxCheckBox({ theme: ‘mytheme’, height: 18 });

    Does anyone have any idea how to resolve this?


    Hi damerval,

    You can use the boxSize property to set up a different box size.

    Best Regards,
    Peter Stoev

    jQWidgets Team

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.