vertical space and border color in radwindow

[Jiju]

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

[Shinu]

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.

[Jiju]

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

[Shinu]

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