how can I use a asp.net AJAX hovermenuextender inside a rotator?

2 posts, 0 answers
  1. Marc
    Marc avatar
    21 posts
    Member since:
    Nov 2008

    Posted 30 Dec 2008 Link to this post

    I have tried the following but the popup panel (the one that pops up) is always contained and restrained within the rotator.

    Meaning that when it popsup, as you can see the popup panel contains 9 lines "this is a testof it!!!<br />" but when it pops up because the rotaotr  is only 75px high it opnly can display the first 4 lines... and then nothing.
    Also if I put it to popup on top then it popsup on top and only shows you the last line, the 8 other ones are above but outside the rotator so it is hidden...

    <

     

    telerik:RadRotator ID="RadRotator1" runat="server"

     

     

    DataSourceID="ObjectDataSource1" FrameDuration="0" width="100%"

     

     

    ScrollDuration="3000" ItemWidth="100" ItemHeight="75" Height="75" Font-Size="5pt">

     

     

     

    <ItemTemplate>

     

     

    <asp:Panel CssClass="UserPhotoStripUserName" ID="Panel3" runat="server" BackColor="#6699FF" Width="200"

     

     

    Height="100" style="position:absolute; display:none;" Font-Size="XX-Small">

     

    this is a testof it!!!

    <br />

     

    this is a testof it!!!

    <br />

     

    this is a testof it!!!

    <br />

     

    this is a testof it!!!

    <br />

     

    this is a testof it!!!

    <br />

     

    this is a testof it!!!

    <br />

     

    this is a testof it!!!

    <br />

     

    this is a testof it!!!

    <br />

     

    this is a testof it!!!

    <br />

     

     

    </asp:Panel>

     

     

     

    <cc1:HoverMenuExtender ID="HoverMenuExtender1" runat="server"

     

     

    PopupControlID="Panel3" TargetControlID="Label1" PopupPosition="Bottom"

     

     

    OffsetX="0" OffsetY="0">

     

     

    </cc1:HoverMenuExtender>

     

     

     

     

    <asp:Panel ID="Panel2" SkinID="UserPhotoStripPan" runat="server">

     

     

     

    <small><asp:Label ID="Label1" runat="server" Text='<%# Eval("UserName")%>'></asp:Label></small>

     

     

    <table border="0" cellpadding="0" cellspacing="0" class="photo-frame">

     

     

    <tr>

     

     

    <td class="topx--"></td>

     

     

    <td class="top-x-"></td>

     

     

    <td class="top--x"></td>

     

     

    </tr>

     

     

    <tr>

     

     

    <td class="midx--"></td>

     

     

    <td>

     

     

    <asp:Image ID="Image1" runat="server" Width="25" ImageUrl='<%#Eval("ProfileImageURL")%>' />

     

     

    <td class="mid--x"></td>

     

     

    </tr>

     

     

    <tr>

     

     

    <td class="botx--"></td>

     

     

    <td class="bot-x-"></td>

     

     

    <td class="bot--x"></td>

     

     

    </tr>

     

     

    </table>

     

     

    </asp:Panel>

     

     

     

    </ItemTemplate>

     

     

     

    </telerik:RadRotator>

     

  2. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 02 Jan 2009 Link to this post

    Hello Marc,

    The problem occurs because you have enclosed the panel with ID="Panel3" between RadRotator's tags.
    To avoid the issue you should declare the "Panel3" outside of the RadRotator control.

    Best wishes,
    Fiko
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top