Hello Everyone,
I am having this problem. I have this datalist and whenever I expand the datalist by the plus button, it overlaps other controls on my web page and sometimes these controls come over the dataList. Bleow is the code
<table width="100%">
<tr>
<td>
<center><asp:label id="Label1" runat="server" Height="23px" Width="708px" BackColor="#4a63a5" Font-Bold="True" Text=" Web Site"></asp:label></center>
</td>
</tr>
<tr>
<td align="center">
<asp:Label ID="lblName" runat="server" ForeColor="#4A63A5" Font-Size="16pt"></asp:Label> </td> </tr> <tr> <td> <asp:datalist id="DataList1" style="Z-INDEX: 101; LEFT:
11px; POSITION: absolute; TOP: 70px" runat="server" Height="100px" Width="600px" DataKeyField="TrackerId" BorderWidth="2px" OnSelectedIndexChanged="DataList1_SelectedIndexChanged" BackColor="ActiveBorder" BorderColor="DimGray" BorderStyle="Solid" Font-Size="Small" ForeColor="Black" CellPadding="1" CellSpacing="0" RepeatDirection="Vertical" RepeatLayout="Table" RepeatColumns="0" GridLines="Vertical"> <HeaderStyle BackColor="#AAAADD"></HeaderStyle><AlternatingItemStyle BackColor="#FFFFC0"></AlternatingItemStyle> <ItemTemplate>
<table>
<tr>
<td>
<asp:ImageButton ID="ExpandButton" runat="server" ImageUrl="images/expand.jpg" Width="16" Height="16" CommandName="Select" AlternateText="Click here to see details" OnClick="showDetails"
<td>
<%# DataBinder.Eval(Container.DataItem, "TrackerId") %> <%# DataBinder.Eval(Container.DataItem, "Completed") %> <%# DataBinder.Eval(Container.DataItem, "Date Submitted") %> <%# DataBinder.Eval(Container.DataItem, "Priority") %> <%# DataBinder.Eval(Container.DataItem, "Issue") %> </td> </tr> <tr> <td> </td> <td> <asp:datalist BorderColor="#ccffcc" BorderStyle="Solid" Visible="false" id="Datalist2" runat="server" RepeatLayout="Table" RepeatColumns="0" RepeatDirection="Vertical"> <AlternatingItemStyle BackColor="#FFFFC0"></AlternatingItemStyle> <ItemTemplate> <table> <tr> <td>Date Submitted: </td> <td><%# DataBinder.Eval(Container.DataItem, "Date_Submitted")%></td> <td>DueDate:</td> <td><%# DataBinder.Eval(Container.DataItem, "dateDue") %></td> <td>DateCompleted: </td> <td><%# DataBinder.Eval(Container.DataItem, "date_completed") %></td> </tr> <tr> <td>
Assigned To:
</td>
<td> <%# DataBinder.Eval(Container.DataItem, "Name")%></td>
</tr>
<tr>
<td>
Department:
</td>
<td>
<%# DataBinder.Eval(Container.DataItem, "QueueName")%> </td> </tr> <tr> <td>
Priority:
</td>
<td>
<%# DataBinder.Eval(Container.DataItem, "priorityName")%> </td> </tr> <tr> <td>
Location:
</td>
<td>
<%# DataBinder.Eval(Container.DataItem, "Location")%> </td> </tr> <tr> <td>
Type:
</td>
<td>
<%# DataBinder.Eval(Container.DataItem, "category")%> / <%# DataBinder.Eval(Container.DataItem, "type")%> </td> </tr> <tr> <td>
Issue:
</td>
<td>
<%# DataBinder.Eval(Container.DataItem, "issue")%> </td> </tr> </table> </ItemTemplate> </asp:datalist> </td> </tr>
</table>
</ItemTemplate>
<SeparatorTemplate>
<hr>
</SeparatorTemplate>
</asp:datalist>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>Request:</td>
</tr>
<tr>
<td align="left" style="height: 82px">
<asp:TextBox ID="txtRequest" runat="server" TextMode="MultiLine" Width="596px" Height="79px"></asp:TextBox> </td>
</tr>
<tr>
<td >
Type Of problem/Request:
<asp
ropDownList ID="ddlProblem" runat="server" Width="408px"></asp
ropDownList>
</td>
</tr>
<tr>
<td >
Add New Request: <asp:TextBox ID="txtnewRequest" runat="server" TextMode="multiLine"></asp:TextBox> </td> </tr> <tr> <td >
Location:
<asp:RadioButton ID="rdbCorona" GroupName="Loc" runat="server" Text="Corona" ForeColor="Black" /> <asp:RadioButton ID="rdbStk" GroupName="Loc" runat="server" Text="Stockton" ForeColor="Black" /> <asp:RadioButton ID="rdbState" GroupName="Loc" runat="server" Text="Statewide" ForeColor="Black" /> </td> </tr>
</table>
<table align="center">
<tr align="center">
<td>
<asp:Button ID="btnSubmit" runat="server" Text="New Request" OnClick="btnSubmit_Click" /> </td> </tr> <tr> <td> <%--<asp
ropDownList ID="ddlProblem" runat="server" Width="408px"></asp
ropDownList>--%> </td>
</tr>
</table>
I am having this problem. I have this datalist and whenever I expand the datalist by the plus button, it overlaps other controls on my web page and sometimes these controls come over the dataList. Bleow is the code
<table width="100%">
<tr>
<td>
<center><asp:label id="Label1" runat="server" Height="23px" Width="708px" BackColor="#4a63a5" Font-Bold="True" Text=" Web Site"></asp:label></center>
</td>
</tr>
<tr>
<td align="center">
<asp:Label ID="lblName" runat="server" ForeColor="#4A63A5" Font-Size="16pt"></asp:Label> </td> </tr> <tr> <td> <asp:datalist id="DataList1" style="Z-INDEX: 101; LEFT:
11px; POSITION: absolute; TOP: 70px" runat="server" Height="100px" Width="600px" DataKeyField="TrackerId" BorderWidth="2px" OnSelectedIndexChanged="DataList1_SelectedIndexChanged" BackColor="ActiveBorder" BorderColor="DimGray" BorderStyle="Solid" Font-Size="Small" ForeColor="Black" CellPadding="1" CellSpacing="0" RepeatDirection="Vertical" RepeatLayout="Table" RepeatColumns="0" GridLines="Vertical"> <HeaderStyle BackColor="#AAAADD"></HeaderStyle><AlternatingItemStyle BackColor="#FFFFC0"></AlternatingItemStyle> <ItemTemplate>
<table>
<tr>
<td>
<asp:ImageButton ID="ExpandButton" runat="server" ImageUrl="images/expand.jpg" Width="16" Height="16" CommandName="Select" AlternateText="Click here to see details" OnClick="showDetails"
</td></asp:ImageButton>
<td>
<%# DataBinder.Eval(Container.DataItem, "TrackerId") %> <%# DataBinder.Eval(Container.DataItem, "Completed") %> <%# DataBinder.Eval(Container.DataItem, "Date Submitted") %> <%# DataBinder.Eval(Container.DataItem, "Priority") %> <%# DataBinder.Eval(Container.DataItem, "Issue") %> </td> </tr> <tr> <td> </td> <td> <asp:datalist BorderColor="#ccffcc" BorderStyle="Solid" Visible="false" id="Datalist2" runat="server" RepeatLayout="Table" RepeatColumns="0" RepeatDirection="Vertical"> <AlternatingItemStyle BackColor="#FFFFC0"></AlternatingItemStyle> <ItemTemplate> <table> <tr> <td>Date Submitted: </td> <td><%# DataBinder.Eval(Container.DataItem, "Date_Submitted")%></td> <td>DueDate:</td> <td><%# DataBinder.Eval(Container.DataItem, "dateDue") %></td> <td>DateCompleted: </td> <td><%# DataBinder.Eval(Container.DataItem, "date_completed") %></td> </tr> <tr> <td>
Assigned To:
</td>
<td> <%# DataBinder.Eval(Container.DataItem, "Name")%></td>
</tr>
<tr>
<td>
Department:
</td>
<td>
<%# DataBinder.Eval(Container.DataItem, "QueueName")%> </td> </tr> <tr> <td>
Priority:
</td>
<td>
<%# DataBinder.Eval(Container.DataItem, "priorityName")%> </td> </tr> <tr> <td>
Location:
</td>
<td>
<%# DataBinder.Eval(Container.DataItem, "Location")%> </td> </tr> <tr> <td>
Type:
</td>
<td>
<%# DataBinder.Eval(Container.DataItem, "category")%> / <%# DataBinder.Eval(Container.DataItem, "type")%> </td> </tr> <tr> <td>
Issue:
</td>
<td>
<%# DataBinder.Eval(Container.DataItem, "issue")%> </td> </tr> </table> </ItemTemplate> </asp:datalist> </td> </tr>
</table>
</ItemTemplate>
<SeparatorTemplate>
<hr>
</SeparatorTemplate>
</asp:datalist>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>Request:</td>
</tr>
<tr>
<td align="left" style="height: 82px">
<asp:TextBox ID="txtRequest" runat="server" TextMode="MultiLine" Width="596px" Height="79px"></asp:TextBox> </td>
</tr>
<tr>
<td >
Type Of problem/Request:
<asp
</td>
</tr>
<tr>
<td >
Add New Request: <asp:TextBox ID="txtnewRequest" runat="server" TextMode="multiLine"></asp:TextBox> </td> </tr> <tr> <td >
Location:
<asp:RadioButton ID="rdbCorona" GroupName="Loc" runat="server" Text="Corona" ForeColor="Black" /> <asp:RadioButton ID="rdbStk" GroupName="Loc" runat="server" Text="Stockton" ForeColor="Black" /> <asp:RadioButton ID="rdbState" GroupName="Loc" runat="server" Text="Statewide" ForeColor="Black" /> </td> </tr>
</table>
<table align="center">
<tr align="center">
<td>
<asp:Button ID="btnSubmit" runat="server" Text="New Request" OnClick="btnSubmit_Click" /> </td> </tr> <tr> <td> <%--<asp
</tr>
</table>