Hide Window Icon

[Dick]

I want to remove the window icon in my custom skin. I can hide the icon in the style sheet but i also need to left align the title text, but there appears to be a table cell (where the icon was?). Is there a way to do this?

[Georgi Tunev]

Hello Dick,

I am afraid this is not possible due to the structure of the RadWindow.

All the best,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[virt]

It is possible to Hide the Icon and shift the Title through CSS.

1. You can hide icon by doing this in CSS

.RadWindow .rwIcon {
height: 0!important;
width: 0!important;
}

2. Then shift the title text using:

div.RadWindow_AsiSkin .rwTitlebarControls em{
margin-left: -16px;
}

You can change -16px to whatever dimensions you need.

Hope it helps,
Andrei

[Georgi Tunev]

Hi virt,

This will not produce consistent result in different browsers - that is the reason why we did not suggested it. Of course, if the result satisfies your requirements, you could use this approach.


Best wishes,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Thein]

.RadWIcon

{

 

 

width: 0px;

 

 

 

margin-left: 0px;

 

 

 

margin-right: 0px;

 

 

 

cursor: default;

 

 

 

margin-top: 0px;

 

}