Results 1 to 4 of 4

Thread: link buttons overlapping

  1. Feb 15th, 2005, 05:36 AM #1
    ssmantha
    ssmantha is offline

    Thread Starter
    Member
    Join Date
    Oct 2004
    Location
    Hyderabad
    Posts
    32

    link buttons overlapping

    Dear All,


    i have encountered a strange behaviour in my web application .. I Have placed some linkbuttons .. in the design time they look perfectly in place.. but when the page loads the for the first time the link buttons are overlapped one over another destroying the look of my application....also when i click any link button then get temporarly in their right place..

    please can anybody tell me why this is happening.. initially i used a HTML gridpanel .. later i removed it but the problem still persists..

    regards,
    ssmantha.
    Reply With Quote Reply With Quote
  2. Feb 15th, 2005, 10:01 AM #2
    dj4uk
    dj4uk is offline
    Frenzied Member dj4uk's Avatar
    Join Date
    Aug 2002
    Location
    Birmingham, UK Lobotomies: 3
    Posts
    1,131

    Re: link buttons overlapping

    Its quite likely the buttons are absolutely positioned for this to happen - post the HTML code for your application so we can work out what is going on.

    DJ
    Reply With Quote Reply With Quote
  3. Feb 21st, 2005, 06:23 AM #3
    ssmantha
    ssmantha is offline

    Thread Starter
    Member
    Join Date
    Oct 2004
    Location
    Hyderabad
    Posts
    32

    Re: link buttons overlapping

    sorry for the late response .. was busy with some clients work...


    however this is the required HTML code..
    VB Code:
    1. <body MS_POSITIONING="GridLayout">

    2.         <form id="Form1" method="post" runat="server">

    3.             <asp:label id="lblSelectContactMainCaption" style="Z-INDEX: 100; LEFT: 400px; POSITION: absolute; TOP: 40px"

    4.                 runat="server" Width="104px" Height="24px" Font-Bold="True" Font-Underline="True">Select Contacts</asp:label>

    5.             <DIV id="grdplnNewContact" style="Z-INDEX: 107; LEFT: 112px; WIDTH: 720px; POSITION: absolute; TOP: 496px; HEIGHT: 215px; BACKGROUND-COLOR: #ffffcc"

    6.                 runat="server" ms_positioning="GridLayout"><asp:label id="lblCFName" style="Z-INDEX: 101; LEFT: 24px; POSITION: absolute; TOP: 16px" runat="server"

    7.                     Width="136px" Height="24px">Contact's First Name</asp:label><asp:textbox id="txtCFName" style="Z-INDEX: 102; LEFT: 176px; POSITION: absolute; TOP: 16px"

    8.                     runat="server" Width="168px"></asp:textbox><asp:label id="lblCLName" style="Z-INDEX: 103; LEFT: 24px; POSITION: absolute; TOP: 56px" runat="server"

    9.                     Width="128px" Height="24px">Contact's Last Name</asp:label><asp:textbox id="txtCLName" style="Z-INDEX: 104; LEFT: 176px; POSITION: absolute; TOP: 56px"

    10.                     runat="server" Width="168px"></asp:textbox><asp:label id="lblCAddress" style="Z-INDEX: 105; LEFT: 24px; POSITION: absolute; TOP: 96px"

    11.                     runat="server" Width="120px" Height="24px">Contact's Address</asp:label><asp:textbox id="txtCAddress" style="Z-INDEX: 106; LEFT: 176px; POSITION: absolute; TOP: 96px"

    12.                     runat="server" Width="168px"></asp:textbox><asp:label id="lblCPhone" style="Z-INDEX: 107; LEFT: 24px; POSITION: absolute; TOP: 136px"

    13.                     runat="server" Width="128px" Height="24px">Contact's Phone</asp:label><asp:textbox id="txtCPhone" style="Z-INDEX: 108; LEFT: 176px; POSITION: absolute; TOP: 136px"

    14.                     runat="server" Width="168px"></asp:textbox><asp:label id="lblCState" style="Z-INDEX: 109; LEFT: 376px; POSITION: absolute; TOP: 16px"

    15.                     runat="server" Width="40px" Height="24px">State </asp:label><asp:textbox id="txtCState" style="Z-INDEX: 110; LEFT: 456px; POSITION: absolute; TOP: 16px"

    16.                     runat="server" Width="176px"></asp:textbox><asp:label id="lblCCountry" style="Z-INDEX: 111; LEFT: 376px; POSITION: absolute; TOP: 56px"

    17.                     runat="server" Width="64px" Height="24px">Country</asp:label><asp:textbox id="txtCCountry" style="Z-INDEX: 112; LEFT: 456px; POSITION: absolute; TOP: 56px"

    18.                     runat="server" Width="176px"></asp:textbox><asp:label id="lblCZip" style="Z-INDEX: 113; LEFT: 376px; POSITION: absolute; TOP: 96px" runat="server"

    19.                     Width="40px" Height="16px">Zip</asp:label><asp:textbox id="txtCZip" style="Z-INDEX: 114; LEFT: 456px; POSITION: absolute; TOP: 96px" runat="server"

    20.                     Width="176px"></asp:textbox><asp:button id="btnSaveContact" style="Z-INDEX: 115; LEFT: 280px; POSITION: absolute; TOP: 176px"

    21.                     runat="server" Width="136px" BackColor="SandyBrown" BorderColor="#FF8000" Text="Save Contact"></asp:button></DIV>

    22.             <DIV id="grdplnSearch" style="Z-INDEX: 106; LEFT: 112px; WIDTH: 720px; POSITION: absolute; TOP: 392px; HEIGHT: 95px; BACKGROUND-COLOR: #ffffcc"

    23.                 runat="server" ms_positioning="GridLayout"><asp:textbox id="txtContactFName" style="Z-INDEX: 102; LEFT: 184px; POSITION: absolute; TOP: 24px"

    24.                     runat="server" Width="168px"></asp:textbox><asp:button id="btnSearch" style="Z-INDEX: 103; LEFT: 288px; POSITION: absolute; TOP: 64px"

    25.                     runat="server" Width="128px" BackColor="SandyBrown" BorderColor="#FF8000" Text="Search"></asp:button><asp:label id="lblContactFirstName" style="Z-INDEX: 101; LEFT: 32px; POSITION: absolute; TOP: 24px"

    26.                     runat="server" Width="136px" Height="24px">Contact's First Name</asp:label><asp:label id="lblContactLastName" style="Z-INDEX: 104; LEFT: 368px; POSITION: absolute; TOP: 24px"

    27.                     runat="server" Width="128px" Height="24px">Contact's Last Name</asp:label><asp:textbox id="txtContactLName" style="Z-INDEX: 105; LEFT: 512px; POSITION: absolute; TOP: 24px"

    28.                     runat="server" Width="184px"></asp:textbox></DIV>

    29.             <DIV id="grdplnClose" style="Z-INDEX: 105; LEFT: 112px; WIDTH: 720px; POSITION: absolute; TOP: 344px; HEIGHT: 36px; BACKGROUND-COLOR: #ffffcc"

    30.                 runat="server" ms_positioning="GridLayout"><asp:button id="btnClose" style="Z-INDEX: 109; LEFT: 256px; POSITION: absolute; TOP: 8px; Z-INDEXtxtStateval: 106"

    31.                     runat="server" Width="128px" BackColor="SandyBrown" BorderColor="#FF8000" Text="Close"></asp:button></DIV>

    32.             <asp:linkbutton id="lnkBtnCheckAll" style="Z-INDEX: 101; LEFT: 120px; POSITION: absolute; TOP: 296px"

    33.                 runat="server" Width="72px" Height="24px" Font-Underline="True" BackColor="#FF8000" Font-Size="Small">Check All |</asp:linkbutton><asp:linkbutton id="lnkBtnUnCheckAll" style="Z-INDEX: 102; LEFT: 200px; POSITION: absolute; TOP: 296px"

    34.                 runat="server" Width="88px" Height="24px" BackColor="#FF8000" Font-Size="Small">UnCheck All |</asp:linkbutton><asp:linkbutton id="lnkBtnAddNew" style="Z-INDEX: 103; LEFT: 296px; POSITION: absolute; TOP: 296px"

    35.                 runat="server" Width="120px" Height="24px" BackColor="#FF8000">Add New Contact |</asp:linkbutton><asp:linkbutton id="lnkBtnDeleteSelected" style="Z-INDEX: 104; LEFT: 424px; POSITION: absolute; TOP: 296px"

    36.                 runat="server" Width="160px" Height="24px" BackColor="#FF8000">Delete Selected Contact |</asp:linkbutton><asp:linkbutton id="lnkBtnSearchContact" style="Z-INDEX: 105; LEFT: 592px; POSITION: absolute; TOP: 296px"

    37.                 runat="server" Width="104px" Height="24px" BackColor="#FF8000">Search Contact |</asp:linkbutton><asp:linkbutton id="lnkBtnShowAll" style="Z-INDEX: 106; LEFT: 704px; POSITION: absolute; TOP: 296px"

    38.                 runat="server" Width="128px" Height="24px" BackColor="#FF8000">Show All Contacts</asp:linkbutton>

    39.             <DIV style="Z-INDEX: 103; LEFT: 112px; OVERFLOW: auto; WIDTH: 721px; POSITION: absolute; TOP: 128px; HEIGHT: 160px; 200px: "

    40.                 ms_positioning="GridLayout"><asp:datagrid id="dgrdContactList" style="Z-INDEX: 105; LEFT: 0px; POSITION: absolute; TOP: 0px"

    41.                     runat="server" Width="720px" Height="144px" BackColor="#ffffcc" datakeyfield="ContactId" FooterStyle-BackColor="#ff9966"

    42.                     Font-Name="verdana" Font-Size="10" AutoGenerateColumns="False" HeaderStyle-Font-Bold="True" HeaderStyle-BackColor="#ff9933"

    43.                     AlternatingItemStyle-ForeColor="#000000" AlternatingItemStyle-BackColor="#ccffcc">

    44.                     <HeaderStyle BackColor="#FF9933"></HeaderStyle>

    45.                     <Columns>

    46.                         <asp:TemplateColumn HeaderText="Select">

    47.                             <ItemTemplate>

    48.                                 <asp:CheckBox ID="ChklstSelect" Runat="server" />

    49.                             </ItemTemplate>

    50.                         </asp:TemplateColumn>

    51.                         <asp:TemplateColumn HeaderText="Contact Id" Visible="False">

    52.                             <ItemTemplate>

    53.                                 <asp:Label ID="lblContactId" Runat=server text = '<%#Databinder.eval(Container.Dataitem,"ContactId")%>'/>

    54.                             </ItemTemplate>

    55.                         </asp:TemplateColumn>

    56.                         <asp:TemplateColumn HeaderText="Contact Name">

    57.                             <ItemTemplate>

    58.                                 <asp:Label ID="lblContactName" Runat=server text = '<%#Databinder.eval(Container.Dataitem,"CFName") & " " & DataBinder.eval(Container.dataitem,"CLName")%>'/>

    59.                             </ItemTemplate>

    60.                         </asp:TemplateColumn>

    61.                         <asp:TemplateColumn HeaderText="Contact Address">

    62.                             <ItemTemplate>

    63.                                 <asp:Label ID="lblContactAddress" Runat=server text = '<%#Databinder.eval(Container.Dataitem,"CAddress") & "<br>" & DataBinder.eval(Container.dataitem,"CState")& ", " & DataBinder.eval(Container.dataitem,"CCountry")& "<br>" & DataBinder.eval(Container.dataitem,"CZip")%>'/>

    64.                             </ItemTemplate>

    65.                         </asp:TemplateColumn>

    66.                         <asp:TemplateColumn HeaderText="Contact Phone">

    67.                             <ItemTemplate>

    68.                                 <asp:Label ID="lblContactPhone" Runat=server text = '<%#Databinder.eval(Container.Dataitem,"CPhone")%>'/>

    69.                             </ItemTemplate>

    70.                         </asp:TemplateColumn>

    71.                     </Columns>

    72.                 </asp:datagrid></DIV>

    73.             <asp:label id="lblContactsSelected" style="Z-INDEX: 101; LEFT: 112px; POSITION: absolute; TOP: 80px"

    74.                 runat="server" Width="720px" Height="48px" BackColor="#FFFFC0" BorderColor="White">You Selected following Contacts :</asp:label></form>

    75.     </body>
    Reply With Quote Reply With Quote
  4. Feb 21st, 2005, 06:26 AM #4
    ssmantha
    ssmantha is offline

    Thread Starter
    Member
    Join Date
    Oct 2004
    Location
    Hyderabad
    Posts
    32

    Re: link buttons overlapping

    the behaviour is erratic as the links are correctly aligned once i click a specific link and on clicking other again it scrambles up..
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules


Click Here to Expand Forum to Full Width