vertical space and border color in radwindow

4 posts, 1 answers
  1. Jiju
    Jiju avatar
    57 posts
    Member since:
    Jul 2011

    Posted 14 Jul 2012 Link to this post

    hi
    i used the below code to show rad window
    <telerik:RadWindowManager EnableShadow="false" VisibleTitlebar="false" VisibleStatusbar="false"
            Behaviors="Close, Move" ID="RadWindowManager" DestroyOnClose="true" KeepInScreenBounds="true"
            EnableAriaSupport="false" RestrictionZoneID="RestrictionZone" runat="server"
            Width="300" MinHeight="200">
            <Shortcuts>
                <telerik:WindowShortcut CommandName="CloseAll" Shortcut="Esc" />
            </Shortcuts>
            <Windows>
                <telerik:RadWindow ID="RadWindow1" BorderColor="Gray" BorderWidth="20px" VisibleOnPageLoad="true"
                    Modal="true" runat="server">
                    <ContentTemplate>
                        <p>
                            <telerik:RadTextBox ID="RadTextBox1" runat="server">
                            </telerik:RadTextBox>
                        </p>
                        <p>
                            <telerik:RadTextBox ID="RadTextBox2" runat="server">
                            </telerik:RadTextBox>
                        </p>
                         
                        <div style="height: 200px">
                        </div>
                        <p>
                            <telerik:RadTextBox ID="RadTextBox3" runat="server">
                            </telerik:RadTextBox>
                        </p>
                        <p>
                            <asp:Button ID="Button1" runat="server" Text="Button" />
                        </p>
                    </ContentTemplate>
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>



    I need to add vertical space between the control, so i added <div style="height: 200px"> , then the window's height is not automatically increasing rather scroll bar is showing. how to add vertical space and automatically adjust height without showing scroll bar?
    any help?
    also how to set the border color for rad window?

    i am using telerik  version : 2012.1.215
    thanks in advance

    Jiju
  2.
  3. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 16 Jul 2012 Link to this post

    Hi Jiju,

    I tried your following code and I suppose what you want is to increase the height of RadWindow and to change the border-color.Here the borders are representead as images.One option is you can change the Skin and other is try overriding the default CSS as shown below
    CSS:
    <style type="text/css">
        .RadWindow_Default .rwBodyLeft, .RadWindow_Default .rwBodyRight
        {
            background-image:none !important;
            background-color:Black !important;
        }
        .RadWindow_Default .rwTopLeft, .RadWindow_Default .rwTopRight, .RadWindow_Default .rwTitlebar, .RadWindow_Default .rwFooterLeft, .RadWindow_Default .rwFooterRight, .RadWindow_Default .rwFooterCenter
        {
            background-image:none !important;
            background-color:Black !important;
        }
    </style>

    To increase the height of Radwindow give the Height Property to it.
    <telerik:RadWindow  Height="500px">

    Thanks,
    Shinu.
  5. Jiju
    Jiju avatar
    57 posts
    Member since:
    Jul 2011

    Posted 16 Jul 2012 Link to this post

    Hi shinu,
    thanks for your reply,

    in my rad window, the height is not fixed, Normally the height will increase when we add more controls in this. but if we add a vertical space between controls it will show the scroll bar. i need to show the vertical space and avoid showing the scroll bar.

    any help?

    the CSS you have provided is working as i expected,

    thanks
    Jiju
  7. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 16 Jul 2012 Link to this post

    Hi Jiju,

    Replace the<div style="height: 200px"></div> to the following markup and let me know if this solves the issue.
    aspx:
    <div style="max-height: 200px;min-height:10px">
    </div>

    Thanks,
    Shinu
                       
Back to Top