Suggestions for improvement in the Metro theme

[Stuart Hemming]

1. Generally, the disabled text is far too pale; darken it.
2. In RadMenu, the border used for the hovered over item is indistinct; cnsider something else (a colour change?)
3. In RadMenu, the upper and lower border used for the selected item gets lost background; consider a better method of highlighting the item.
4. In RadGrid, the borders of the Pager buttons are too pale; consider using a darker colour.
5. In RadToolBar, the icons seem to ride higher in Metro than other skins (see ToolbarIcons-*.png)
6. In RadTreeView the expand node icon is too faint; consider making it darker.

[Ivan Zhekov]

Hi, Stuart.

We'll take care of those and they will be included in an internal build, the Beta and ultimately the Q2 release.

In the meantime, if anyone else would like to suggest another improvement, feel free to ask. Just make sure you post those before the Beta, so we could include them on time, or else it will have to wait until a later release.

Regards,
Ivan Zhekov
the Telerik team

[Robert]

This is so true.

[Joan]

I agree with you absolutely.

[arnaud]

Hi,

Radgrid RowHoverStyle color is too close to the alternate row color.
I'm using the #25A0DA color as its already used for other parts of the skin.

[Galin]

Hello Arnaud,

The hovered color is close to the alternating style, but as you know all skin's color should be similar.
However, you can darken it with the following CSS rule

div.RadGrid_MetroTouch .rgHoveredRow
{
    background: #c1c1c1;
}

I hope this helps.

All the best,
Galin
the Telerik team

[Albert Shenker]

I'm looking at your online demos for the Q1 2013 controls and still see a number of issues with the Metro Skin. For menus and toolbar dropdowns there simply isn't enough contrast between the buttons/menu items and the white background. A menu should not look like it dissolves into the background. In the attached screen shot, I challenge you to tell me which of the items on the left are part of the menu and which are part of the panel bar on the left. I know Microsoft has gone off the rails with its Modern UI implementation in Visual Studio 2012. I hope you realize that software developers who actually care about their users (unlike, apparently the VS developers) like to create UIs that are both good looking and useable. The current Metro skin causes a number of Telerik controls to be unusable, which is unfortunate, since the controls are great.

[Ivan Zhekov]

Hello, Albert.

The Metro skin was designed to work with rounded corners the way the other skins do. In particular, when the rounded corners / drop shadows are enabled in RadMenu / RadToolBar the stylesheets take precedence and some visual formatting is lost.

For this release [2013 Q2], they will appear as intended.

Regards,
Ivan Zhekov
the Telerik team

[Albert Shenker]

Now past Q3 2013, and still not as intended (see attached), unless intend to be unusable:

[Magdalena]

Hello Albert,

I have checked the issue of the RadMenu with the Metro skin, but it is already fixed in Q3 2013. The drop-down of the sub-menu has gray border to optically separating the element from other content. You can see the appearance in this video. Please try to upgraded to the last version. 

Regards,
Magdalena
Telerik