Problem with the display of a checkboxlist in Safari & Chrome.

2 posts, 0 answers
  1. Gallaz Philippe
    Gallaz Philippe avatar
    8 posts
    Member since:
    Jul 2009

    Posted 26 Oct 2010 Link to this post


    My project use a form decorator in a user control to skin a checkboxlist. Here is the code of the .ascx page :

    <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="BOSSearch.ascx.cs" Inherits="UmbracoBOSControls.Controls.BOSSearch" %>
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <%@ Register Src="BOSButton.ascx" TagName="BOSButton" TagPrefix="uc1" %>
         <telerik:RadFormDecorator runat="server" ID="rfdTopSearch" EnableEmbeddedSkins="false" Skin="TopSearch" />
            <div id="TopSearchDetail">
                    <asp:CheckBoxList runat="server" ID="cbxListModules" RepeatColumns="1" RepeatDirection="Vertical"></asp:CheckBoxList>

    Here is my css file used with the formdecorator :

    /* Decorate <input type="checkbox" /> */
    .RadForm_TopSearch .rfdCheckboxUnchecked,
    .RadForm_TopSearch .rfdInputDisabled.rfdCheckboxUnchecked:hover
        background: transparent url('FormDecorator/CheckBoxSprites.png') no-repeat 0 0;
    .RadForm_TopSearch .rfdCheckboxUnchecked:hover
        background: transparent url('FormDecorator/CheckBoxSprites.png') no-repeat 0 -200px;
    .RadForm_TopSearch .rfdCheckboxChecked,
    .RadForm_TopSearch .rfdInputDisabled.rfdCheckboxChecked:hover
        background: transparent url('FormDecorator/CheckBoxSprites.png') no-repeat 0 -420px;
    .RadForm_TopSearch .rfdCheckboxChecked:hover
        background: transparent url('FormDecorator/CheckBoxSprites.png') no-repeat 0 -640px;
    .RadForm_TopSearch label

    The display of my checkbox list is OK in IE8 and Firefox 3.6. In Safari and Chrome I just see the label of my list of checkbox. Every images are not displayed... Could you help me to find what's wrong in my code ?

  2. Georgi Tunev
    Georgi Tunev avatar
    7207 posts

    Posted 29 Oct 2010 Link to this post

    Hi Gallaz,

    The styling of radiobuttons and checkboxes in Webkit browsers is done entirely by CSS - check the original skin file that you have used. The selectors that you need are available near its end - search for "webkit" to locate them (usually near line 300).

    Georgi Tunev
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft R3 2016 release webinar banner
Back to Top