Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

AJAX ACCORDION

$
0
0

Hi all,

In the below code i am unable to align the Registration Date Textboxes (txtRegDateFrom AND txtRegDateTo)side by side and the same with Age Textboxes also, How to code this or what are changes that i have to make in my code...?

<div style="padding: 10px; width: 98%;">
<asp:Accordion ID="StandardAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" RequireOpenedPane="false"
SuppressHeaderPostbacks="False" Width="101%" Height="0px" CssClass="style1" AutoSize="None">
<Panes>
<ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server" ContentCssClass=""
HeaderCssClass="">
<Header>
CRITERIA FOR PATIENT INFORMATION REPORT
</Header>
<Content>
<table>
<tr>
<td style="height: 20px; width: 150px;">
<div class="left" style="font-family: Verdana; font-size: small; color: #000000;
font-weight: 600; width: 400px; height: 42px;">
<asp:CheckBox ID="chkRegDate" runat="server" />
Registration date:
<asp:TextBox ID="txtRegDateFrom" runat="server" Height="20px" Width="100px" ></asp:TextBox>
<asp:CalendarExtender ID="txtRegDateFrom_CalendarExtender" runat="server" Enabled="True"
TargetControlID="txtRegDateFrom">
</asp:CalendarExtender>
<span style="padding-left: 3px;">To: </span>
<asp:TextBox ID="txtRegDateTo" runat="server" Height="20px" Width="100px" ></asp:TextBox>
<asp:CalendarExtender ID="txtRegDateTo_CalendarExtender" runat="server" Enabled="True"
TargetControlID="txtRegDateTo">
</asp:CalendarExtender>
</div>
</td>
<td style="height: 20px; width: 190px;">
<div class="left" style="font-family: Verdana; font-size: small; color: #000000;
font-weight: 600; font-style: normal; width: 100px; height: 42px;">
<asp:CheckBox ID="chkAge" runat="server" />
Age:
<asp:TextBox ID="txtAgeFrom" runat="server" Height="20px" Width="75px" MaxLength="3"></asp:TextBox>
<asp:FilteredTextBoxExtender ID="filter1" runat="server" TargetControlID="txtAgeFrom"
FilterType="Numbers">
</asp:FilteredTextBoxExtender>
<span style="padding-left: 3px;">To: </span>
<asp:TextBox ID="txtAgeTo" runat="server" Height="20px" Width="75px" MaxLength="3"></asp:TextBox>
<asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="txtAgeTo"
FilterType="Numbers">
</asp:FilteredTextBoxExtender>
</div>
</td>
<td style="height: 20px; width: 190px;">
<div style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; width: 120px; height: 42px;">
<asp:CheckBox ID="chkOccupation" runat="server" />
Occupation:
<asp:DropDownList ID="ddlstOccupation" runat="server" Height="20px" Width="150px">
</asp:DropDownList>
</div>
</td>
<td style="height: 20px; width: 190px;">
<div style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal;width: 100px; height: 42px;">
<asp:CheckBox ID="chkGender" runat="server" />
Gender:
<select id="ddlstGender" runat="server" height="20px" width="100px">
<option value="male" selected="selected">MALE</option>
<option value="female">FEMALE</option>
</select>
</div>
</td>
</tr>
<tr>
<td style="height: 20px; width: 190px;">
<div class="left" style="font-family: Verdana; font-size: small; color: #000000;
font-weight: 600; font-style: normal; width: 600px; height: 42px;">
<asp:CheckBox ID="chkBloodGroup" runat="server" />
Blood group:
<br />
<asp:CheckBoxList ID="chkLstBlood" runat="server" RepeatDirection="Horizontal" Style="width: 60%;
margin-left: 25px;">
<asp:ListItem Value="0">All</asp:ListItem>
<asp:ListItem Value="A+ve">A+ve</asp:ListItem>
<asp:ListItem Value="A-ve">A-ve</asp:ListItem>
<asp:ListItem Value="AB+ve">AB+ve</asp:ListItem>
<asp:ListItem Value="AB-ve">AB-ve</asp:ListItem>
<asp:ListItem Value="B+ve">B+ve</asp:ListItem>
<asp:ListItem Value="B-ve">B-ve</asp:ListItem>
<asp:ListItem Value="O-ve">O-ve</asp:ListItem>
<asp:ListItem Value="O+ve">O+ve</asp:ListItem>
</asp:CheckBoxList>
</div>
</td>
</tr>
<tr>
<td style="height: 20px; width: 190px;">
<div style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; width: 100px; height: 42px;">
<asp:CheckBox ID="chkArea" runat="server" />
Area:
<asp:DropDownList ID="ddlstArea" runat="server" Height="20px" Width="150px">
</asp:DropDownList>
</div>
</td>
<td style="height: 20px; width: 190px;">
<div style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; width: 130px; height: 42px;">
<asp:CheckBox ID="chkDia" runat="server" />
Diabetologist:
<asp:DropDownList ID="ddlstDia" runat="server" Height="20px" Width="170px">
</asp:DropDownList>
</div>
</td>
<td style="height: 20px; width: 190px;">
<div style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; width: 140px; height: 42px;">
<asp:CheckBox ID="chkServiceAvailed" runat="server" />
Service availed:
<asp:DropDownList ID="ddlstServiceAvailed" runat="server" Height="20px" Width="180px">
</asp:DropDownList>
</div>
</td>
<td style="height: 20px; width: 190px;">
<div style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
font-style: normal; width: 160px; height: 42px;">
<asp:CheckBox ID="chkClinicalAssis" runat="server" />
Clinical Assistant:
<asp:DropDownList ID="ddlstClinicalAssistant" runat="server" Height="20px" Width="130px">
</asp:DropDownList>
</div>
</td>
</tr>
</table>
</Content>
</ajaxToolkit:AccordionPane>
</Panes>
</asp:Accordion>
</div>

Thank You,


Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>