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

Set Window size of minimized window

2 Answers 92 Views
Window
This is a migrated thread and some comments may be shown as answers.
Juan Angel
Top achievements
Rank 1
Veteran
Juan Angel asked on 23 Jul 2008, 11:52 AM
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 
    width150px !important; height26px !important; 
    background#abc1de
    bordersolid 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 */ 
    width152px !important; height28px !important; 
 
div.radwindow.radwindow_Vista.minimizedwindow table.titlebarcontrols  
    width150px !important; 
    positionrelativetop: -4px
 
div.radwindow_Vista.minimizedwindow em 
    colorwhite !important; 
    width55px !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

2 Answers, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 28 Jul 2008, 09:55 AM
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  
    {  
       width400px !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.
0
Juan Angel
Top achievements
Rank 1
Veteran
answered on 28 Jul 2008, 04:45 PM
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   
{   
   width230px !important;   
 
div.radwindow_Vista.transparentwindow.minimizedwindow em 
    width130px !important; /* old value => width:55px; */
}   
</style>  

One more time, thanks a lot !!!

Tags
Window
Asked by
Juan Angel
Top achievements
Rank 1
Veteran
Answers by
Svetlina Anati
Telerik team
Juan Angel
Top achievements
Rank 1
Veteran
Share this question
or