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

RadToolBarButton disabled text color

6 Answers 33 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Mark
Top achievements
Rank 1
Mark asked on 23 Jul 2014, 05:25 PM
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?

6 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 1
answered on 24 Jul 2014, 05:40 AM
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.
0
Mark
Top achievements
Rank 1
answered on 24 Jul 2014, 02:54 PM
Thanks, that does the trick.

Moving forward, I'd like to see Telerik re-consider the default disabled button text color.
0
Magdalena
Telerik team
answered on 29 Jul 2014, 10:29 AM
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
 

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.

 
0
Mark
Top achievements
Rank 1
answered on 29 Jul 2014, 09:27 PM
Thanks, Magdalena.

How can I apply the same styling to disabled RadMenu items?
0
Shinu
Top achievements
Rank 1
answered on 30 Jul 2014, 04:09 AM
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.
0
Magdalena
Telerik team
answered on 01 Aug 2014, 09:00 AM
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
 

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
ToolBar
Asked by
Mark
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
Mark
Top achievements
Rank 1
Magdalena
Telerik team
Share this question
or