dialog with vertical scroll - Essential Objects, Inc. Support Forum

Welcome Guest

Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » dialog with vertical scroll

dialog with vertical scroll

Options

Previous Topic · Next Topic

Codeaddict7423

Posted: Wednesday, September 5, 2012 10:55:14 AM

Rank: Member
Groups: Member

Joined: 2/20/2012
Posts: 11

Hello,

I am attempting to code a dialog box such that the contents will display with a vertical scroll bar.

My code follows:

<eo:Dialog ID="Duties" runat="server" Height="300px" Width="525px"
BorderColor="#335C88" BorderStyle="Solid" BorderWidth="1px"
CloseButtonUrl="00070101" ControlSkinID="None"
HeaderHtml="Duties" MaxHeight="300" MaxWidth="525"
MinimizeButtonUrl="00070102" OffsetX="100" ResizeImageUrl="00020014"
RestoreButtonUrl="00070103" ShadowColor="LightGray" ShadowDepth="3"
ShowButton="btn_Duties" OffsetY="-100" VerticalAlign="Middle"
AllowResize="True" HorizontalAlign="Center">

<HeaderStyleActive CssText="padding-right: 4px; padding-left: 4px; font-size: 11px; background-image: url(00070104); padding-bottom: 3px; padding-top: 3px; font-family: tahoma" />
<FooterStyleActive CssText="background-color: #e5f1fd; padding-bottom: 8px;" />
<ShowEffect Type="RevealRightToLeft" />

<ContentTemplate>

<div style="height:300; overflow:auto;">

<table style="width: 582px; border: 0px;" cellpadding="3" cellspacing="0">

<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#ffffff;"><div class="headingmodalpopup"> Duties</div> </td>
</tr>
<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 10px; vertical-align:top; text-align:center; padding-top:0px; background-color:#FFFFFF;"><div style="padding-top: 7px;"><img src="images/spacer.gif" width="1" height="5" border="0" alt=""/><img src="images/li.gif" alt="" /></div> </td>
<td style="width: 90%; vertical-align:top; text-align:left; background-color:#ffffff">
Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>
<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 10px; vertical-align:top; text-align:center; padding-top:0px; background-color:#FFFFFF;"><div style="padding-top: 7px;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/><img src="images/li.gif" alt="" /></div> </td>
<td style="width: 90%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>
<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 10px; vertical-align:top; text-align:center; padding-top:0px; background-color:#FFFFFF;"><div style="padding-top: 7px;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/><img src="images/li.gif" alt="" /></div> </td>
<td style="width: 90%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>

<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 10px; vertical-align:top; text-align:center; padding-top:0px; background-color:#FFFFFF;"><div style="padding-top: 7px;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/><img src="images/li.gif" alt="" /></div> </td>
<td style="width: 90%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>
<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 10px; vertical-align:top; text-align:center; padding-top:0px; background-color:#FFFFFF;"><div style="padding-top: 7px;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/><img src="images/li.gif" alt="" /></div> </td>
<td style="width: 90%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>

<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 10px; vertical-align:top; text-align:center; padding-top:0px; background-color:#FFFFFF;"><div style="padding-top: 7px;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/><img src="images/li.gif" alt="" /></div> </td>
<td style="width: 90%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>

<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 10px; vertical-align:top; text-align:center; padding-top:0px; background-color:#FFFFFF;"><div style="padding-top: 7px;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/><img src="images/li.gif" alt="" /></div></td>
<td style="width: 90%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>

<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;"><div class="headingmodalpopup">Essential Duties</div></td>
</tr>
<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>
<tr>
<td style="width: 15px; vertical-align:top; text-align:center; background-color:#FFFFFF;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/>A</td>
<td style="width: 80%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>

<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 15px; vertical-align:top; text-align:center; background-color:#FFFFFF;"><div style="padding-top:7px;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/>B</div> </td>
<td style="width: 80%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>
<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>
<tr>
<td style="width: 15px; vertical-align:top; text-align:center; background-color:#FFFFFF;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/>C</td>
<td style="width: 80%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>
<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 15px; vertical-align:top; text-align:center; background-color:#FFFFFF;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/>D </td>
<td style="width: 80%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>

<tr>
<td style="width: 15px; vertical-align:top; text-align:center; background-color:#FFFFFF;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/>E </td>
<td style="width: 80%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>
<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 15px; vertical-align:top; text-align:center; background-color:#FFFFFF;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/>F</td>
<td style="width: 80%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>

<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 15px; vertical-align:top; text-align:center; background-color:#FFFFFF;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/>G </td>
<td style="width: 80%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>

<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 15px; vertical-align:top; text-align:center; background-color:#FFFFFF;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/>H</td>
<td style="width: 80%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>

<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 15px; vertical-align:top; text-align:center; background-color:#FFFFFF;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/>I </td>
<td style="width: 80%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>

<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 15px; vertical-align:top; text-align:center; background-color:#FFFFFF;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/>J</td>
<td style="width: 80%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>
<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 15px; vertical-align:top; text-align:center; background-color:#FFFFFF;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/>K</td>
<td style="width: 80%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>

<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

<tr>
<td style="width: 15px; vertical-align:top; text-align:center; background-color:#FFFFFF;"><img src="images/spacer.gif" width="5" height="1" border="0" alt=""/>L</td>
<td style="width: 80%; vertical-align:top; text-align:left; background-color:#ffffff">Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. Duties sample content here. </td>
</tr>
<tr style="height:10px;">
<td colspan="2" style="width: 100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;">  </td>
</tr>

</table>

</div>

</ContentTemplate>
<ContentStyleActive CssText="border-top: #335c88 1px solid; background-color: #e5f1fd; font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: normal; font-style: normal; font-variant: normal; color: #000000;" />
<CloseEffect Type="RevealRightToLeft" />

</eo:Dialog>

I am attempting to make the dialog display a vertical scroll bar by placing a <div style="height:300; overflow:auto;"> inside the <ContentTemplate> </ContentTemplate> tag.

However, this does not seem to produce a dialog box with a vertical scroll bar.

ANY help would be greatly appreciated.

eo_support

Posted: Thursday, September 6, 2012 2:01:59 PM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,195

Hi,

We do not answer this question because it is not related to our product ---- you will have the same question even if you just put the same content directly inside the page instead of in our dialog, so we consider this a general programming question. As a general rule, we will not answer a question that you can run into regardless whether you use our product or not. In the future you may want to try to apply this rule before posting in the support forum.

Thanks!

You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Message