When I made some style changes that I will describe below, the size of my RadWindow changed. There is an area that is the right size and which is transparent with the window title at the top and the word close to the right of it. Close is a link that seems to close the window and there is a bullet to the left of it, as if it were in a <ul>. Within this transparent area is smaller content area with scroll bars, and it contains the content of my window. It's way to small and I have to scroll in both directions to see it all. If I make the title (up in the transparent area) longer or shorter, the width of the content area changes to match. The height of the content area is about a third of what it should be. If I call SetSize on the client size, the outer, transparent area is resized and the content are is unchanged.
This started when I stopped using embedded styles. I copied WebBlue and Web20 into my theme folder and in my config.sys put this:
add key="Telerik.EnableEmbeddedSkins" value="false"
add key="Telerik.EnableEmbeddedBaseStylesheet=false" value="false"
I also removed the style sheet for the RadEdit content area, which was messing things up, and changed a few colors in the new style sheets.
If I remove the WebBlue and Web20 folders from my theme folder and remove the two lines from config.sys, all is well again. If I put either the folders or the config lines back, it breaks again.
Obviously there's a style somewhere that is interfering. Can anyone give me some clues about where to look for the problem?
3 Answers, 1 is accepted
The first thing I noticed in the code you've sent us is a small mistake in the second line, the one that prevents the basestylesheet from loading:
add key="Telerik.EnableEmbeddedSkins" value="false"
add key="Telerik.EnableEmbeddedBaseStylesheet=false" value="false"
should be
add key="Telerik.EnableEmbeddedSkins" value="false"
add key="Telerik.EnableEmbeddedBaseStylesheet" value="false"
If this does not fix the problem, please, make sure:
1. You have registered the external styles in the head of your webpage correctly, i.e:
<link rel="stylesheet" type="text/css" href="Skins/SkinName/Window.SkinName.css"></link>
<link rel="stylesheet" type="text/css" href="Skins/Window.css"></link>
The issue you have described looks like that Window.css is not loaded. RadWindow loads two CSS files - one that is common for all skins, i.e. Window.css and one that is skin-specific -i.e. Window.SkinName.css.
2. If you have created a skin of your own, make sure you have kept the naming convention of the CSS classes and filenames of RadWindow, i.e:
Skin="SkinName"
CSS Class - .radwindow_SkinName
.css filename = Window.SkinName.css
All the best,
Martin Ivanov
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Rank 1
- I fixed the problem with config.sys, with no effect.
- I registered the styles by placing them in the theme folder. Is that OK? I saw an article that said it was.
- You are correct that I neglected to copy window.css to my theme folder.
- I corrected it by copying it (and all the others generic css's too) to it's own folder within the theme folder, as if it were another skin. This corrected the width of the content area, but the height was still wrong.
- Then I moved it up a level, to the theme folder, and both the width and height were wrong again.
- I did not create my own skin, but only tweaked the Telerik skin by changing some of the colors and increasing the font size in the title bar of the RadWindow.
Please, open a new support ticket, and send me a small running project along with the modified skin and its css files and I will try to fix this for you.
Thanks,
Martin Ivanov
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.