Positioning of AlwaysVisibleControlExtender.

Last post 04-02-2009 11:50 PM by Vince Xu - MSFT. 4 replies.

Sort Posts:

  • Positioning of AlwaysVisibleControlExtender.

    03-31-2009, 8:52 AM
    • Member
      26 point Member
    • chekuriraju
    • Member since 06-22-2007, 7:29 AM
    • Posts 236

     I am presently using control in my page.initially it stays at the position set but when window is resized it moves left depending upon page.

     I am more concerned with the positioning of extender control when the window is resized.

    how can we actually oercome this problem.

    i had referred http://forums.asp.net/p/1080255/2146332.aspx#2146332 but didn't solve the issue.

    I want a fixed extender which will be perfectly set at a position even for window resize.

     

  • Re: Positioning of AlwaysVisibleControlExtender.

    03-31-2009, 10:17 AM
    • Star
      10,558 point Star
    • Danny117
    • Member since 12-16-2008, 2:30 PM
    • Royal Oak Michigan USA
    • Posts 1,837

    I have three ave's on my blog page www.gosylvester.com/blog.aspx.  No problems with resize.  Can you post markup that's not working.

    Good Luck



  • Re: Positioning of AlwaysVisibleControlExtender.

    04-01-2009, 12:52 AM
    • Member
      26 point Member
    • chekuriraju
    • Member since 06-22-2007, 7:29 AM
    • Posts 236

     This is the code i am presently using.

    <asp:Panel ID="pnlAlways" runat="server" GroupingText="<font class='avsePanelGroupText'><b>Editing Options</b></font>">
                                                                                <table>
                                                                                <tr>
                                                                                    <td align="left" style="width:100px">
                                                                                        <asp:Button ID="btnMerge" Text="Merge Routes" runat="server" onclick="btnMerge_Click" Width="150px" />
                                                                                    </td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td align="left" style="width:100px">
                                                                                    <%--<input id="btnEdit" onclick="EditOrder();" type="button" value="Edit Order"
                                                                                        name="btnEdit" />--%>
                                                                                        <asp:Button ID="btnEdit" runat="server" Text="Edit Order"
                                                                                        onclick="btnEdit_Click" Width="150px" />
                                                                                    </td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td align="left" style="width:100px">
                                                                                        <asp:Button ID="btnChange" runat="server" Text="Change Route" onclick="btnChange_Click" Width="150px"/>
                                                                                    </td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td align="left" style="width:100px">
                                                                                       <asp:Button ID="btnNewRoute" runat="server" Text="New Route" Width="150px" onclick="btnNewRoute_Click" />
                                                                                    </td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td style="width:150px" align="center">
                                                                                       <asp:Label ID="lblMerge" runat="server" Text="" ForeColor="White"></asp:Label>
                                                                                    </td>
                                                                                </tr>
                                                                                </table>
                                                                            </asp:Panel>
                                                                            <ajaxToolkit:AlwaysVisibleControlExtender ID="avceRouteEditing" runat="server" TargetControlID="pnlAlways" VerticalSide="Bottom"
                                                                                                                      VerticalOffset="10" HorizontalSide="Left" HorizontalOffset="115" ScrollEffectDuration=".1"
                                                                                                                      UseAnimation="true">
                                                                                                                      </ajaxToolkit:AlwaysVisibleControlExtender>.

     

     

     

    I have seen your site.the controls looks good.

    My requirement is like i have got master page.i have placed menu control over there.I need the Always control to be placed just below this menu control.But i cannot use Alwaysvisible control in Master page as it has got buttons and respected events are written in another page.

    i got a situation where only couple of pages need this control and more over the positioning should be as good as menu control which positions well during window resize. 

    If the above explanation is hard to understand to be clear i want to have a custom offset to AlwaysVisible control.I have seen it setting well for the page left,right and center but i really want to know if we can position regardless of window resize.

     

  • Re: Positioning of AlwaysVisibleControlExtender.

    04-02-2009, 12:27 AM
    • Member
      26 point Member
    • chekuriraju
    • Member since 06-22-2007, 7:29 AM
    • Posts 236

     Anybody help me Noout!!

  • Re: Positioning of AlwaysVisibleControlExtender.

    04-02-2009, 11:50 PM
    Answer

    Hi,

    To define a custom offset to AlwaysVisible control when resizing or scrolling of window, you can make use of window.onresize or window.onscroll to redefine the top offset of window.

    <script type="text/javascript">
    function window.onresize() //onscroll
    {
        //Detecting the dynamic offset of window. For example, you can use document.documentElement.scrollTop('document.body.scrollTop' in FireFox) to get the offset of scrolling.
       
        document.getElementById("AlwaysVisibleControl").style.top=value;//It will define a new top offset of the control.
    }

    </script>

     


    Vince Xu
    Microsoft Online Community Support
    Please remember to mark the replies as answers if they help and unmark them if they provide no help.
Page 1 of 1 (5 items)