Changing the Height and Width of the RadSpell Dialog

2 posts, 0 answers
  1. Codey McCodesalot
    Codey McCodesalot avatar
    3 posts
    Member since:
    Jul 2009

    Posted 12 Aug 2009 Link to this post

    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.

  2. Martin
    Martin avatar
    585 posts

    Posted 14 Aug 2009 Link to this post

    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:

        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.
Back to Top