Telerik RadButtons background color problem

5 posts, 0 answers
  1. Harun
    Harun avatar
    10 posts
    Member since:
    Sep 2013

    Posted 16 Dec 2013 Link to this post

    Hi telerik admins

    our button background colors do not display correctly in some browsers. How can I solve this problem?

    Chrome (http://prntscr.com/2bkbm4) = the most accurate and best display


    -----------------------------------------------------
    On Firefox and Internet Explorer latest version

    Normal: http://prntscr.com/2bkcju
    Mouse hover: http://prntscr.com/2bkcqb

    This code: 

    <telerik:RadButton CssClass="blur" ID="RadButtonSil" runat="server" Text="sil" OnClientClicking="RadConfirm" OnClick="RadButtonSil_Click" Height="40px" BackColor="#A52645" BorderColor="#A52645" Font-Size="15px" ForeColor="White">
        <Icon PrimaryIconUrl="/img/buton-sil.png" PrimaryIconTop="12px" PrimaryIconLeft="12" PrimaryIconHeight="18px" PrimaryIconWidth="18" />
    </telerik:RadButton>
    -----------------------------------------------------

    chrome and opera are working correctly.
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 16 Dec 2013 Link to this post

    Hi Sefa Melih,

    Please have a look into the following code snippet which works fine at my end.

    ASPX:
    <telerik:RadButton CssClass="blur" ID="RadButtonSil" runat="server" Text="sil" Height="40px"
        BackColor="#A52645" BorderColor="#A52645" Font-Size="15px" ForeColor="White">
        <Icon PrimaryIconUrl="../Images/plus.gif" PrimaryIconTop="12px" PrimaryIconLeft="12"
            PrimaryIconHeight="18px" PrimaryIconWidth="18" />
    </telerik:RadButton>

    CSS :
    <style type="text/css">
        .RadButton_Default.rbSkinnedButton, .RadButton_Default .rbDecorated, .RadButton_Default.rbVerticalButton, .RadButton_Default.rbVerticalButton .rbDecorated, .RadButton_Default .rbSplitRight, .RadButton_Default .rbSplitLeft
        {
            background-image: none !important;
        }
    </style>

    Hope this will helps you.
    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Harun
    Harun avatar
    10 posts
    Member since:
    Sep 2013

    Posted 20 Dec 2013 Link to this post

    Hi,

    I used the css code you gave but it still did not work.

    On Mozilla Firefox: http://prntscr.com/2cn05v (normal) http://prntscr.com/2cn0il (hover)
    On Google Chrome: http://prntscr.com/2cn1j8 (correct and exactly.)

    Thanks
  5. Harun
    Harun avatar
    10 posts
    Member since:
    Sep 2013

    Posted 23 Dec 2013 Link to this post

    help please
  6. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 23 Dec 2013 Link to this post

    Hi Harun,

    Unfortunately I couldn't replicate the issue at my end. The given code is working fine in all browsers.

    Thanks,
    Shinu.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017