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

[Solved] Border on Window Title but Not Dialog body

1 Answer 81 Views
Window
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Sydney
Top achievements
Rank 1
Sydney asked on 03 Mar 2011, 07:10 PM
Using the Window control for a dialog, I get the attached display - basically, these are the problems:

1.  The title bar is not as wide as the dialog body
2.  The title bar height seems ok
3.  Consequently, the border (which appears to be tied to the outer div which is smaller than the body div) does not surround the dialog properly.

Basically, the following code produces the subsequent output.  As you can see, the size is applied to the t-window-content div but not to the t-window div.  I get this even if I remove all but the telerik style sheets.  Is this a known issue?
Html.Telerik().Window()
            .Name("interview-guidelines")
            .Title("Interview Guidelines")
            .Draggable(true)
            .Scrollable(true)
            //.HtmlAttributes(new { @style = "width:200px;top:300px" }) --this was the problem.  doh!
            .Resizable(resizing => resizing
                .Enabled(true)
                .MinHeight(500)
                .MinWidth(500)
                .MaxHeight(750)
                .MaxWidth(700)
            )
            .Modal(false)
            .Buttons(b => b.Close())
            .Content(@<text>...body content elided...</text>)
            .Width(500)
            .Height(400)
            .Visible(false)
            .Render();


<div class="t-widget t-window" id="interview-guidelines" style="width:200px;top:300px">
       <div class="t-window-titlebar t-header">
                <span class="t-window-title">Interview Guidelines</span>
               <div class="t-window-actions t-header">
                         <a class="t-window-action t-link" href="#">
                                  <span class="t-icon t-close">Close</span>
                          </a>
               </div>
           </div>
           <div class="t-window-content t-content" style="overflow:auto;width:500px;height:400px"
                    ...body content elided...
            </div>
</div>

1 Answer, 1 is accepted

Sort by
0
Sydney
Top achievements
Rank 1
answered on 03 Mar 2011, 07:23 PM
Nevermind - I see the issue - the HtmlAttributes are competing w/the Width/Height properties and are only applied to the outer div.
Tags
Window
Asked by
Sydney
Top achievements
Rank 1
Answers by
Sydney
Top achievements
Rank 1
Share this question
or