This is a migrated thread and some comments may be shown as answers.

vertical space and border color in radwindow

3 Answers 138 Views
Window
This is a migrated thread and some comments may be shown as answers.
Jiju
Top achievements
Rank 1
Jiju asked on 14 Jul 2012, 10:22 AM
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

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 16 Jul 2012, 06:34 AM
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.
0
Jiju
Top achievements
Rank 1
answered on 16 Jul 2012, 09:28 AM
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
0
Accepted
Shinu
Top achievements
Rank 2
answered on 16 Jul 2012, 09:52 AM
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
                   
Tags
Window
Asked by
Jiju
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Jiju
Top achievements
Rank 1
Share this question
or