Set Window size of minimized window

[Juan Angel]

Dear support:

With RadControls ASP .NET AJAX Q1 2008...

I use approach descibred in this post: http://www.telerik.com/community/forums/thread/b311D-dtmhk.aspx

I want set width of minimized window, using CSS. I try override width css property of classes:

div.radwindow_Vista.minimizedwindow
{
    width: 150px !important; height: 26px !important;
    background: #abc1de;
    border: solid 1px #5d6f88;

}

/* overlay element should be minimized when the window is minimized */
iframe.minimizedwindowoverlay_Vista
{
    /* take into account the borders of the main DIV of the window when setting width/height */
    width: 152px !important; height: 28px !important;
}

div.radwindow.radwindow_Vista.minimizedwindow table.titlebarcontrols
{
    width: 150px !important;
    position: relative; top: -4px;
}

div.radwindow_Vista.minimizedwindow em
{
    color: white !important;
    width: 55px !important;
}

but it's impossible !!! I copy this css classes to CSS project file and try override width using !important qualifier but persist original values.

How Can I change width? In this case I want that all minimized windows has the same width, but,  It possible that minized window adjust width for display complete window name?

Thanks a lot

[Svetlina Anati]

Hello Juan,

In order to override the default setting you should change the settings in the particular class which is applied to the minimized window. For example, if you are using the following markup:

  <telerik:RadWindowManager ID="RadWindowManager1" runat="server" Skin="Vista" Style="z-index: 7001">
            <Windows>
                <telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true" Modal="true">
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>

you should set the width to the following class:

    <style type="text/css">
    .radwindow_Vista.transparentwindow.minimizedwindow
    {
       width: 400px !important;
    }
    </style>

As to your other question, about setting the width according to the content, it is not possible to do it by using CSS, but you can set a fixed width which meets your requirements in the above explained manner.


Greetings,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Juan Angel]

OK, this solution works fine, only remark 2 things:

1. It's necessary put overriden CSS classes into web page. If you try override this classes in CSS project file override is nothing.
2. If you want set width of window and we expected that title of window grow. Use this CSS Class:

<style type="text/css">

.radwindow_Vista.transparentwindow.minimizedwindow

{

width: 230px !important;

}

div.radwindow_Vista.transparentwindow.minimizedwindow em

{

width: 130px !important; /* old value => width:55px; */

}

</style>

One more time, thanks a lot !!!