|
|
Rank: Newbie
Groups: Member
Joined: 3/7/2008
Posts: 2
|
I have been unable to successfully use the resize method of the dialog. I modified the Demos/Dialog/Designs/Dark Blue/Demo.ascx file for you to replicate. To replicate click the "Show Modless" link and then click the "Resize" link. The dialog should be resized to 500x500 pixels. When I do this it looks to correctly set the width but not the height.
Code: HTML/ASPX
<%@ Control language="C#" AutoEventWireup="false" CodeFile="Demo.ascx.cs" Inherits="EO.Web.Demo.Demos.Dialog.Design.Dark_Blue.Demo" %>
<%@ Register TagPrefix="eo" NameSpace="EO.Web" Assembly="EO.Web" %>
<p>
This Dialog uses <b>HeaderStyleActive</b>, <b>ContentStyleActive</b> and
<b>FooterStyleActive</b> to create the 3D style dialog interface. It also
has <b>BackShadeColor</b> and <b>BackShadeOpacity</b> set so that a
back shade is displayed when the dialog is displayed as a modal dialog.
</p>
<eo:Dialog runat="server" id="Dialog1" FooterHtml="Dialog Footer" BackColor="#47729F" ControlSkinID="None"
Width="168px" ContentHtml="Dialog Content. Press ESC key to close dialog." Height="100px"
HeaderHtml="Dialog Header" BackShadeColor="Blue" AllowResize="True" ResizeImageUrl="00020014">
<FooterStyleActive CssText="border-right: #22456a 1px solid; padding-right: 4px; border-top: #7d97b6 1px solid; padding-left: 4px; border-left-width: 1px; font-size: 11px; border-left-color: #728eb8; padding-bottom: 4px; color: white; padding-top: 4px; border-bottom: #22456a 1px solid; font-family: verdana"></FooterStyleActive>
<HeaderStyleActive CssText="border-right: #22456a 1px solid; padding-right: 4px; border-top: #ffbf00 3px solid; padding-left: 4px; font-weight: bold; font-size: 11px; padding-bottom: 2px; color: white; padding-top: 2px; border-bottom: #22456a 1px solid; font-family: verdana"></HeaderStyleActive>
<ContentStyleActive CssText="border-right: #22456a 1px solid; padding-right: 4px; border-top: #7d97b6 1px solid; padding-left: 4px; border-left-width: 1px; font-size: 11px; border-left-color: #728eb8; padding-bottom: 4px; color: white; padding-top: 4px; border-bottom: #22456a 1px solid; font-family: verdana"></ContentStyleActive>
</eo:Dialog>
<p>
<a href="javascript:eo_GetObject('Dialog1').show(false);">Show Modeless</a>
<a href="javascript:eo_GetObject('Dialog1').resize('500px','500px');">Resize</a>
</p>
<p>
<a href="javascript:eo_GetObject('Dialog1').show(true);">Show Modal</a>
</p>
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi Mark,
Try resize(500, 500) instead of resize('500px', '500px'). That should work.
Thanks
|
|
Rank: Newbie
Groups: Member
Joined: 3/7/2008
Posts: 2
|
That did fix my problem. It appears that the call to resize is required to be made after the call to show.
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Cool. Thanks for the update. And yes, resize should be called after show.
|
|