This is a migrated thread and some comments may be shown as answers.

Checkbox list in lightwieght mode

1 Answer 27 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
miksh
Top achievements
Rank 1
Iron
miksh asked on 25 Jun 2014, 05:05 PM
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
}
}

1 Answer, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 26 Jun 2014, 08:29 AM
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.

 
Tags
ListBox
Asked by
miksh
Top achievements
Rank 1
Iron
Answers by
Magdalena
Telerik team
Share this question
or