Set Window heigth

3 posts, 1 answers
  1. Mugdha Aditya
    Mugdha Aditya avatar
    71 posts
    Member since:
    Mar 2010

    Posted 04 Nov 2011 Link to this post

    i have window manager for whic i want to set height.
    now its too big.. how to set height for the same in CSS file.

    Below is my code.

    <telerik:RadWindowManager ID="rdWindowManager" runat="server" EnableEmbeddedSkins="false"
        Skin="rdWindowsAlert">
    </telerik:RadWindowManager>
    <telerik:RadAjaxManager ID="rdAjaxmanager" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting>
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rdWindowManager" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

    * Window Background */
      
    /* Horiznotal */
    .RadWindow_rdWindowsAlert .rwTopLeft,
    .RadWindow_rdWindowsAlert .rwTopRight,
    .RadWindow_rdWindowsAlert .rwTitlebar,
    .RadWindow_rdWindowsAlert .rwFooterLeft,
    .RadWindow_rdWindowsAlert .rwFooterRight,
    .RadWindow_rdWindowsAlert .rwFooterCenter,
    .RadWindow_rdWindowsAlert .rwTopResize,
    .RadWindow_rdWindowsAlert .rwStatusbar div,
    .RadWindow_rdWindowsAlert .rwStatusbar,
    .RadWindow_rdWindowsAlert .rwPopupButton,
    .RadWindow_rdWindowsAlert .rwPopupButton span,
    .RadWindow_rdWindowsAlert.rwMinimizedWindow .rwCorner
    {
        background-image: url('Window/WindowHorizontalSprites.gif');
          
    }
      
      
    /* Vertical */
    .RadWindow_rdWindowsAlert .rwBodyLeft,
    .RadWindow_rdWindowsAlert .rwBodyRight,
    .RadWindow_rdWindowsAlert .rwStatusbarRow .rwCorner
    {
        background-image: url('Window/WindowVerticalSprites.gif');
    }
      
      
    /* Window Shadows */
      
    /* Horiznotal */
    .RadWindow_rdWindowsAlert .rwShadow .rwTopLeft,
    .RadWindow_rdWindowsAlert .rwShadow .rwTopRight,
    .RadWindow_rdWindowsAlert .rwShadow .rwTitlebar,
    .RadWindow_rdWindowsAlert .rwShadow .rwFooterLeft,
    .RadWindow_rdWindowsAlert .rwShadow .rwFooterRight,
    .RadWindow_rdWindowsAlert .rwShadow .rwFooterCenter,
    .RadWindow_rdWindowsAlert .rwShadow .rwTopResize,
    .RadWindow_rdWindowsAlert .rwShadow .rwStatusbar div,
    .RadWindow_rdWindowsAlert .rwShadow .rwStatusbar,
    .RadWindow_rdWindowsAlert .rwShadow .rwPopupButton,
    .RadWindow_rdWindowsAlert .rwShadow .rwPopupButton span,
    .RadWindow_rdWindowsAlert .rwShadow .rwBodyLeft,
    .RadWindow_rdWindowsAlert .rwShadow .rwBodyRight,
    .RadWindow_rdWindowsAlert .rwShadow .rwStatusbarRow .rwBodyLeft,
    .RadWindow_rdWindowsAlert .rwShadow .rwStatusbarRow .rwBodyRight
    {
        background-image: url('Window/WindowHorizontalSprites.png');
    }
      
    /* Vertical */
    .RadWindow_rdWindowsAlert .rwShadow .rwBodyLeft,
    .RadWindow_rdWindowsAlert .rwShadow .rwBodyRight,
    .RadWindow_rdWindowsAlert .rwShadow .rwStatusbarRow .rwBodyLeft,
    .RadWindow_rdWindowsAlert .rwShadow .rwStatusbarRow .rwBodyRight
    {
        background-image: url('Window/WindowVerticalSprites.png');
    }
      
    /* Shadows End */
      
    .RadWindow_rdWindowsAlert .rwControlButtons a
    {
        background-image: url('Window/CommandButtonSprites.gif');
    }
      
    .RadWindow_rdWindowsAlert a.rwIcon
    {
        background-image: url('Window/WindowHorizontalSprites.gif');
    }
      
    div.RadWindow_rdWindowsAlert .rwTitlebarControls em
    {
        color:#28638f; /* Model title Color */
        background-image:none !important;
    }
      
    div.RadWindow_rdWindowsAlert .rwDialogInput
    {
        border-top: solid 1px #afb1b2;
        border-right: solid 1px #e1e4e6;
        border-bottom: solid 1px #ebeef0;
        border-left: solid 1px #e8eaeb;
    }
      
    div.RadWindow_rdWindowsAlert .rwDialogInput:hover
    {
        border-top: solid 1px #86a6bf;
        border-right: solid 1px #cedeeb;
        border-bottom: solid 1px #dce9f2;
        border-left: solid 1px #d8e4ed;
      
    }
      
    .RadWindow_rdWindowsAlert td.rwWindowContent
    {
        margin-left: 15px !important
        /* background-color: #dcdcdc; */
    }
      
    .RadWindow_rdWindowsAlert .rwWindowContent .radalert  
    {
       background-image:none !important
    }
      
      
    div.RadWindow_rdWindowsAlert a.rwCancel,
    div.RadWindow_rdWindowsAlert a.rwCancel span
    {
        background: none;
        cursor: pointer;
    }
      
    div.RadWindow_rdWindowsAlert a.rwCancel span span
    {
        color: #000000;
        text-decoration: underline;
    }
      
    /* Shadow Control Buttons */
      
    .RadWindow_rdWindowsAlert .rwShadow .rwControlButtons 
    {
        margin: 5px -2px 0 0;
    }
      
    .RadWindow_rdWindowsAlert .rwShadow .rwControlButtons 
    {
        margin: 5px -1px 0 0\9;
    }
      
    .RadWindow_rdWindowsAlert .rwShadow .rwControlButtons li
    {
        float: left;
        padding: 0;
    }
      
    div.RadWindow_rdWindowsAlert .rwControlButtons a
    {
        width: 26px
    }


  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 04 Nov 2011 Link to this post

    Hello Mugdha,

    When you are overriding RadWindow skin  use both Window.css and Window.SkinName.css as external resources. You can find the steps from here.  In the Window.CSS set the desired height under the  .rwTable class

    Hope it helps.

    Thanks,
    Princy.
  3. Mugdha Aditya
    Mugdha Aditya avatar
    71 posts
    Member since:
    Mar 2010

    Posted 08 Nov 2011 Link to this post

    Hey..thanks.

    it worksss :)
Back to Top