This question is locked. New answers and comments are not allowed.
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?
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>