Checkbox list in lightwieght mode

2 posts, 0 answers
  1. miksh
    miksh avatar
    282 posts
    Member since:
    Nov 2006

    Posted 25 Jun 2014 Link to this post

    Could you double check rendering a checkbox list in lightweight mode in IE11 (silk skin) - I have no space between checkbox and text.

    For some reason the css is different,

    in Chrome
    ​.RadListBox .rlbCheckAllItemsCheckBox,.RadListBox .rlbCheck {
    vertical-align: middle;
    margin: 0 .25em .25em .33333em !important;
    padding-top: 0;
    font-size: inherit
    }


    in IE
    @media screen \0 {
    .RadListBox .rlbCheckAllItemsCheckBox,.RadListBox .rlbCheck {
    margin:0
    }
    }
  2.
  3. Magdalena
    Admin
    Magdalena avatar
    487 posts

    Posted 26 Jun 2014 Link to this post

    Hi Michael,

    This issue have been already fixed and will be able in the next internal build.

    Please, apply the following workaround for preliminary solving the issue
    html .RadListBox .rlbCheckAllItemsCheckBox,
    html .RadListBox .rlbCheck {
        margin: 0em 0.25em 0.25em 0.33333em;
    }
     
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
                 
        html .RadListBox .rlbCheckAllItemsCheckBox,
        html .RadListBox .rlbCheck {
            margin-top: -1px;
        }
    }
     
    html .RadListBox .rlbCheckAllItemsCheckBox,
    html .RadListBox .rlbCheck {
        margin: 0\9\0;
        margin-left: 0\9\0;
        margin-right: 0\9\0;
    }


    Regards,
    Magdalena
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top