Window border with the Metro Theme.

[Paul]

I notice that the windows don't have a border when you use the Metro Theme.  Is it possible to set it (I can't find an option in the Theme Builder)?

While on the topic of the Theme Builder...

Is it possible to set the text color for buttons in the hover state?

[Dimo]

Hello Paul,

There is a border set, but it's transparent, this is the Metro design. You can override the current color style by adding the following CSS rule to your application:

div.k-window
{
      border-color: #dadada;
}

Since the current style is likely to raise questions such as yours, we will probably change the Metro theme in the future.

As for the buttons, you can control the hover text color like this:

.k-button:hover
{
       color: #f00;
}


Greetings,
Dimo
the Telerik team

[Paul]

Thanks - I ended up editing the generated CSS anyway.

I assume you'll be updating the Theme Builder with the few missing bits?

• Window Border
• Button Hover Text Color
• Popup Border

It would also be nice if the Theme Builder supported swapping out sprite sheets for the various glyphs (arrows, calendar etc) for hover states (Metro usually swaps the background and foreground color for the hover state).

[Dimo]

Hello Paul,

Currently we don't plan to include widget-specific styling in the ThemeBuilder, as it will violate the overall skinning mechanism.

We may add support for button hover state, though.

Greetings,
Dimo
the Telerik team