locked
AlwaysVisibleControlExtender obscures repeater listing RRS feed

 > 

  • Question

  • Question
    Sign in to vote
    0
    Sign in to vote
    User348142989 posted

    Hi All

    I have 2 panels.

    The top panel contains controls for a user to input for searching a data base.  I have added an AlwaysVisibleControlExtender to keep this panel at the top of the page.

    The second panel contains a repeater for displaying the results of the search.  (all the controls work as designed)

    Unfortunately, the repeater material appears underneath the search panel partially blocked by controls on the search panel.

    How do I get the repeater panel to locate just below the search panel and allow scrolling?

    Thanks and have a nice day.

    Friday, May 29, 2020 12:22 PM

Answers

  • Question
    Sign in to vote
    0
    Sign in to vote
    User348142989 posted

    Hi All

    Wandered down many weird and wonderful paths.  Here is my solution.

    Created a 3rd panel (markup included for each panel and associated AlwaysVisibleControlExtender)

    Search Panel

    <asp:Panel ID="Panel1" runat="server"
    style="; left:10px; border-style:solid;
    border-color:blue; width:1000px; height:190px;
    z-index:2">
    <ajaxToolkit:AlwaysVisibleControlExtender ID="ace1" runat="server"
    TargetControlID="Panel1"
    VerticalSide="Top"
    VerticalOffset="105"
    HorizontalSide="Left"
    HorizontalOffset="10"
    ScrollEffectDuration=".1" />

    repeater panel

    <asp:Panel ID="Panel2" runat="server"
    style="; left:10px; top:300px;
    border-style:solid; border-color:#99ffcc;
    width:1000px; z-index:0">

    and a blank panel

    <asp:Panel ID="Panel3" runat="server"
    style="; left:10px; border-style:solid;
    border-color:black; width:1000px; height:190px;
    z-index:1; background-color:#DAE8E2;">

    <ajaxToolkit:AlwaysVisibleControlExtender ID="ace3" runat="server"
    TargetControlID="Panel3"
    VerticalSide="Top"
    VerticalOffset="105"
    HorizontalSide="Left"
    HorizontalOffset="10"
    ScrollEffectDuration=".1" />

    The blank panel has the same background colour as my web page and z-index of 1

    the search panel has a zindex of 2 and is the same size as the blank panel.  Both panels have an AlwaysVisibleControlExtender which fixes both panels in the same location.

    the repeater panel has a zindex of 0

    The search panel sits on top of everything (highest z index : 2)

    the blank panel sits below the search panel (middle z index : 1)

    And with a larger repeater table, as one scrolls down, the repeater panel slides under the blank panel which hides repeater content. (lowest z index : 0) but the search panel remains visible.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Friday, May 29, 2020 5:50 PM