RadToolBarButton disabled text color

[Mark]

Hi,

I recently changed one of my Telerik web applications over to the "silk" theme, as it seems very well done indeed.

However, I have a minor problem. In my RadToolbar instances, it's very difficult to read the text of RadToolbarButtons when they are disabled. The disabled text color is simply too light.

I'm attaching a screenshot of my application toolbar so you can see what I mean. The "restore" and "edit" buttons are both disabled, and their captions are very difficult to read.

How can I change the text color for these disabled buttons?

[Shinu]

Hi Mark,

Please try the below C# code snippet to change the color of a disabled RadToolBarButton.

C#:

protected void Page_Load(object sender, EventArgs e)
{
    foreach (RadToolBarButton toolbarButton in RadToolBar1.GetAllItems())
    {
        if (toolbarButton.Enabled == false)
        {
            toolbarButton.ForeColor = System.Drawing.Color.Green;
        }
    }
}

Thanks,
Shinu.

[Mark]

Thanks, that does the trick.

Moving forward, I'd like to see Telerik re-consider the default disabled button text color.

[Magdalena]

Hello Mark,

Thank you for reporting this issue. We will improve the layout of disabled button in Silk skin. The better workaround for preliminary solution is to set the color with an additional CSS

html .RadToolBar_Silk .rtbDisabled .rtbWrap {
    color: #999;
}

Regards,
Magdalena
Telerik

 

 

[Mark]

Thanks, Magdalena.

How can I apply the same styling to disabled RadMenu items?

[Shinu]

Hi Mark,
 
Please try the below CSS code snippet to change the fore color of the disabled RadMenuItem.

CSS:

.RadMenu_Silk .rmRootLink.rmDisabled
{
    color: Gray !important;
}
.RadMenu_Silk .rmGroup .rmLink.rmDisabled
{
    color: Gray !important;
}

Thanks,
Shinu.

[Magdalena]

Hi Mark,

Disabled items in RadMenu have set the opacity property. If you would like the color to be exactly the same as in the ToolBar after the customization, you should remove the opacity and after that set the same color by the following:

html .RadMenu .rmRootGroup .rmDisabled > .rmLink {
    opacity: 1;
    color: #999;
}

Regards,
Magdalena
Telerik