Changing the Height and Width of the RadSpell Dialog

[Codey McCodesalot]

Version: 2009.2.701.20

The subject pretty much says it all... It would seem like an easy thing to do, and I hope it is.  I want to change the default height (which seems to default to 342px) and width (which seems to default to 472px) of the RadSpell Dialog.  If I add this to my RadSpell CSS file:

 

 

.RadWindow.RadWindow_MyCustomSkin.rwNormalWindow.rwTransparentWindow div
{
    width: 600px;
    height: 400px;
}

It looks horrible.  I have screen shots of the before and after which I can send if it would help.

[Martin]

Hello Codey McCodesalot,

Unfortunately, at present there is no property that controls the dimensions of the dialog of RadSpell, because the content of the dialog - buttons, textareas, etc are not automatically resizable. Your approach to set width and height to RadWindow (we are using it to load the spellcheck dialog inside it) is the right one, however you have a mistake in the selector.

Your selector:

.RadWindow.RadWindow_MyCustomSkin.rwNormalWindow.rwTransparentWindow div 

... Actually instructs the browser to set width and height to each <div /> element that is in the .RadWindow.RadWindow_MyCustomSkin.rwNormalWindow.rwTransparentWindow parent, and this makes things that terrible. You need to refer only the parent class in order to set new width and height to the control, i.e:

.RadWindow.RadWindow_MyCustomSkin.rwNormalWindow.rwTransparentWindow
{
    width: 600px;
    height: 400px;
}

However, please, have in mind that this will not make the controls inside automatically fit to the new dimensions, and you will need to set new values in your custom skin.

Have a great weekend,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.