locked
Accordion Display Problem RRS feed

  • Question

  • User623388331 posted

    Hi All,

    There are Many Accordions, But for Easy Understand i will consider only 2 Accordions mentioned below to explain my requirement

    1)INFORMATION ACCORDION 2)BILLING ACCORDION

    I have a dropdownlist of Accordions.

    Based on dropdownlist selection i made my accordions visible
    For Eg: In dropdownlist if i select INFORMATION ACCORDION then only that accordion is made visible, Now if i select the other accordion i.e; BILLING ACCORDION it should be displayed at the starting of the page i.e; Where the INFORMATION ACCORDION was displayed previously, But my BILLING ACCORDION is displayed at the Middle of the page, Like this if i select the third accordion it will be displayed leaving empty space of first and second ACCORDION at the top and displayed below,Same with other remaining ACCORDION also....Like this i have 20 ACCORDIONS.

    How to fix this requirement?

    Examples With sample code is appreciated

    Thank You,

    Wednesday, September 18, 2013 2:38 AM

Answers

  • User-417640953 posted

    Hi Abhishek,

    Thanks for posting to our asp.net forum.

    According to your description, I understand that you have many Accordions. And you want to change the position of BILLING Accordion when it shows.

    For this issue, I suggest you use javascript to get it.

    ASPX:

    <head runat="server">
        <title></title>
        <script src="../../Scripts/jquery-1.7.1.js"></script>
        <script>
            function AdjustAccordionPos(id) {
               
                $("#" + id).insertAfter($("#AccordionPositionFlag"));
             
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
            <asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="true">
                <asp:ListItem Value="-" Text="Please Select"></asp:ListItem>
                <asp:ListItem Value="INFORMATION" Text="INFORMATION"></asp:ListItem>
                <asp:ListItem Value="Others" Text="Others"></asp:ListItem>
                <asp:ListItem Value="BILLING" Text="BILLING"></asp:ListItem>
            </asp:DropDownList> 
            <div id="AccordionPositionFlag"></div>
            <asp:Accordion ID="INFORMATION" runat="server"  Visible="false" > 
                <Panes>
                    <asp:AccordionPane ID="AccordionPane1" runat="server">
                        <Header>INFORMATION</Header>
                        <Content>INFORMATION</Content>
                    </asp:AccordionPane>
                </Panes> 
            </asp:Accordion>
            <asp:Accordion ID="Others" runat="server"  Visible="false"> 
                 <Panes>
                    <asp:AccordionPane ID="AccordionPane2" runat="server">
                        <Header>Others</Header>
                        <Content>Others</Content>
                    </asp:AccordionPane>
                </Panes> 
            </asp:Accordion>
            <asp:Accordion ID="BILLING" runat="server"  Visible="false" > 
                <Panes>
                    <asp:AccordionPane ID="AccordionPane3" runat="server" >
                        <Header>BILLING</Header>
                        <Content>BILLING</Content>
                    </asp:AccordionPane>
                </Panes> 
            </asp:Accordion>
           
        </div>
        </form>
    </body>
    

    Code Behind:

      protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
            {
            
                INFORMATION.Visible = true;
                this.Title = INFORMATION.GetType().ToString();
                AjaxControlToolkit.Accordion controlTemp=null;
                if (this.DropDownList1.SelectedValue == "INFORMATION")
                {
                    foreach (var control in form1.Controls)
                    {
    
                        if (control is AjaxControlToolkit.Accordion)
                        {
                            controlTemp = (AjaxControlToolkit.Accordion)control;
                            controlTemp.Visible = controlTemp.ID == "INFORMATION" ? true : false;
                             
                        }
    
                    }
                }
                else
                {
                    foreach (var control in form1.Controls)
                    {
    
                        if (control is AjaxControlToolkit.Accordion)
                        {
                            controlTemp = (AjaxControlToolkit.Accordion)control;
                            controlTemp.Visible = controlTemp.ID == this.DropDownList1.SelectedValue || controlTemp.ID == "BILLING" ? true : false;
                            ScriptManager.RegisterStartupScript(this, GetType(), "", "AdjustAccordionPos('BILLING');", true);
                        }
    
                    }
                }
    
            }
    

    Hope this helps, if I misunderstand your issue, please feedback and share your code to us.  Thanks.

     

    Best Regards!

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Thursday, September 19, 2013 10:04 PM
  • User-417640953 posted

    Abhishek Patil

    "Microsoft JScript runtime error: '$' is undefined"

    Hello,

    I’m glad to you post back.

    For the first issue, you should add the script reference like my previous post. Make sure the path is correct.

    <scriptsrc="../../Scripts/jquery-1.7.1.js"></script>

    For the second issue, just add new Accordions like you did before. Make sure the value of dropdownlist’s ListItem is the ID of your new Accordion.

     I believe you can figure it out. Thanks.

     

    Regards!

     

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, September 23, 2013 10:59 AM
  • User-417640953 posted

     

    <script src="javascript/jquery-1.7.1.js"></script>

    Hello,

    Welcome to feedback.

    If your script folder has no jquery file, I suggest you using jquery file which is online.

    Just replace above code I quoted with below code:

     <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

    If any question, please feel free to back. Thanks.

     

    Regards!

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, September 24, 2013 6:52 AM
  • User-417640953 posted

    Hi,

    Thanks response back.

    The "form1" is the if of the Form in our aspx pages like below.

    <head runat="server">
        <title></title>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        </div>
        </form>
    </body>

    Please check it carefully according to the error message.

    If you still cannot figure it out, post all the related and changed code back without hesitation. Thanks.

     

    Regards!

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, September 24, 2013 10:19 AM
  • User-417640953 posted

    Hi,

    I’m glad to you post back.

    I had not considered you were using a master page.

    For this issue, I suggest you add a Panel to contain Accordions and the AccordionPositionFlag div like below.

    <asp:Panel ID="Panel1" runat="server"   >
            <div id="AccordionPositionFlag"></div>
            <asp:Accordion ID="INFORMATION" runat="server"  Visible="false" ClientIDMode="Static"  > 
                <Panes>
                    <asp:AccordionPane ID="AccordionPane1" runat="server">
                        <Header>INFORMATION</Header>
                        <Content>INFORMATION</Content>
                    </asp:AccordionPane>
                </Panes> 
            </asp:Accordion>
     
     </asp:Panel>
    

    Please note add ClientIDMode="Static" to every Accordion.

    In the behind code, we should replace the form1 with this.Panel1 like below.

      foreach (var control in this.Panel1.Controls)

    Hope this helps, thanks.

     

    Best Regards!



    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, September 25, 2013 5:29 AM
  • User-417640953 posted

    Hi,

    Thanks for your response.

    # For the javascript error, I think that caused by your Jquery file. Please try to check or change a jquery file.

    # We add all accordions to one panel, that will make us easily foreach the accordions.

    # The parameter “StandardPBRAccordion” of javascript method AdjustAccordionPos() is the id of accordion which you want show it in the first position.

    # For operating accordions conveniently, I suggest you set the value of dropdownlist as the id of accordions.

     

    Thanks.

     

    Regards!  

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, September 25, 2013 9:45 AM

All replies

  • User-417640953 posted

    Hi Abhishek,

    Thanks for posting to our asp.net forum.

    According to your description, I understand that you have many Accordions. And you want to change the position of BILLING Accordion when it shows.

    For this issue, I suggest you use javascript to get it.

    ASPX:

    <head runat="server">
        <title></title>
        <script src="../../Scripts/jquery-1.7.1.js"></script>
        <script>
            function AdjustAccordionPos(id) {
               
                $("#" + id).insertAfter($("#AccordionPositionFlag"));
             
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
            <asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="true">
                <asp:ListItem Value="-" Text="Please Select"></asp:ListItem>
                <asp:ListItem Value="INFORMATION" Text="INFORMATION"></asp:ListItem>
                <asp:ListItem Value="Others" Text="Others"></asp:ListItem>
                <asp:ListItem Value="BILLING" Text="BILLING"></asp:ListItem>
            </asp:DropDownList> 
            <div id="AccordionPositionFlag"></div>
            <asp:Accordion ID="INFORMATION" runat="server"  Visible="false" > 
                <Panes>
                    <asp:AccordionPane ID="AccordionPane1" runat="server">
                        <Header>INFORMATION</Header>
                        <Content>INFORMATION</Content>
                    </asp:AccordionPane>
                </Panes> 
            </asp:Accordion>
            <asp:Accordion ID="Others" runat="server"  Visible="false"> 
                 <Panes>
                    <asp:AccordionPane ID="AccordionPane2" runat="server">
                        <Header>Others</Header>
                        <Content>Others</Content>
                    </asp:AccordionPane>
                </Panes> 
            </asp:Accordion>
            <asp:Accordion ID="BILLING" runat="server"  Visible="false" > 
                <Panes>
                    <asp:AccordionPane ID="AccordionPane3" runat="server" >
                        <Header>BILLING</Header>
                        <Content>BILLING</Content>
                    </asp:AccordionPane>
                </Panes> 
            </asp:Accordion>
           
        </div>
        </form>
    </body>
    

    Code Behind:

      protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
            {
            
                INFORMATION.Visible = true;
                this.Title = INFORMATION.GetType().ToString();
                AjaxControlToolkit.Accordion controlTemp=null;
                if (this.DropDownList1.SelectedValue == "INFORMATION")
                {
                    foreach (var control in form1.Controls)
                    {
    
                        if (control is AjaxControlToolkit.Accordion)
                        {
                            controlTemp = (AjaxControlToolkit.Accordion)control;
                            controlTemp.Visible = controlTemp.ID == "INFORMATION" ? true : false;
                             
                        }
    
                    }
                }
                else
                {
                    foreach (var control in form1.Controls)
                    {
    
                        if (control is AjaxControlToolkit.Accordion)
                        {
                            controlTemp = (AjaxControlToolkit.Accordion)control;
                            controlTemp.Visible = controlTemp.ID == this.DropDownList1.SelectedValue || controlTemp.ID == "BILLING" ? true : false;
                            ScriptManager.RegisterStartupScript(this, GetType(), "", "AdjustAccordionPos('BILLING');", true);
                        }
    
                    }
                }
    
            }
    

    Hope this helps, if I misunderstand your issue, please feedback and share your code to us.  Thanks.

     

    Best Regards!

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Thursday, September 19, 2013 10:04 PM
  • User623388331 posted

    Hi Fuxiang,

    Thanks much for your valuable reply, Below are the issues which i got when i tried with your replied code.

    ISSUES:

    1 In dropdownlist if i select option INFORMATION i wont get any errors, But when i select BILLING i get following error 

    "Microsoft JScript runtime error: '$' is undefined"

    2) If i want to add one more new accordion then what is the change i need to make in my ASPX and CODE BEHIND File, Because as of now i have 14 accordion in my ASPX and following is my dropdown list for the same

    <asp:DropDownList ID="ddlStandardReports" runat="server" Height="25px" Style="font-family: Arial"
    Width="250px" OnSelectedIndexChanged="ddlStandardReports_SelectedIndexChanged"
    AutoPostBack="true">
    <asp:ListItem Value="0">----Select Any Report of Your Choice----</asp:ListItem>
    <asp:ListItem Value="1">Patient Information Report</asp:ListItem>
    <asp:ListItem Value="2">Patient Billing Report </asp:ListItem>
    <asp:ListItem Value="3">Bill Collection Report</asp:ListItem>
    <asp:ListItem Value="4">Corporate Bill Report</asp:ListItem>
    <asp:ListItem Value="5">Collection Report</asp:ListItem>
    <asp:ListItem Value="6">Patient Count Report</asp:ListItem>
    <asp:ListItem Value="7">Service Wise Daily Collection Report</asp:ListItem>
    <asp:ListItem Value="8">Concession Report</asp:ListItem>
    <asp:ListItem Value="9">Patient Route Report</asp:ListItem>
    <asp:ListItem Value="10">Lab Services Report</asp:ListItem>
    <asp:ListItem Value="11">Age Report</asp:ListItem>
    <asp:ListItem Value="12">Matrix Billing Report</asp:ListItem>
    <asp:ListItem Value="13">Daily Collection Report</asp:ListItem>
    <asp:ListItem Value="14">Cashier Daily Collection Report</asp:ListItem>
    </asp:DropDownList>

    Below is the your replied code in which i made some design changes in ASPX and also was trying to add new accordions. I request you to please show me where all i need to add changes in my code.

    ASPX:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Accordion.aspx.cs" Inherits="KID.UserInterface.Accordion" %>

    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
    <title></title>
    <script type="text/javascript">
    function AdjustAccordionPos(id) {

    $("#" + id).insertAfter($("#AccordionPositionFlag"));

    }
    </script>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"
    AutoPostBack="true">
    <asp:ListItem Value="-" Text="Please Select"></asp:ListItem>
    <asp:ListItem Value="INFORMATION" Text="Patient Information Report"></asp:ListItem>
    <asp:ListItem Value="BILLING" Text="Patient Billing Report"></asp:ListItem>
    </asp:DropDownList>
    <div id="AccordionPositionFlag">
    </div>
    <asp:Accordion ID="INFORMATION" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" AutoSize="None"
    RequireOpenedPane="false" SuppressHeaderPostbacks="False" CssClass="style1" Width="101%"
    Height="0px" Visible="false">
    <Panes>
    <asp:AccordionPane ID="AccordionPane1" runat="server" ContentCssClass="" HeaderCssClass="">
    <Header>
    CRITERIA FOR PATIENT INFORMATION REPORT</Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 30%;">
    <asp:CheckBox ID="Chkrgedate" runat="server" />
    Registration date:
    <br />
    <asp:TextBox ID="txtrfdatefr" runat="server" class="element text" Style="width: 30%;
    margin-left: 25px;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender1" runat="server" Enabled="True" TargetControlID="txtrfdatefr">
    </asp:CalendarExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="txtrtdateto" runat="server" class="element text" Style="width: 30%;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender2" runat="server" Enabled="True" TargetControlID="txtrtdateto">
    </asp:CalendarExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 25%;">
    <asp:CheckBox ID="chkPatientType" runat="server" />
    Patient type:
    <asp:DropDownList runat="server" ID="ddlstPatientCategoryy" Style="margin-left: 25px;
    width: 60%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="Chkarae" runat="server" />
    Area:
    <asp:DropDownList ID="ddlstAreaa" runat="server" Style="margin-left: 25px; width: 60%;">
    </asp:DropDownList>
    </label>
    </div>
    </Content>
    </asp:AccordionPane>
    </Panes>
    </asp:Accordion>
    <asp:Accordion ID="BILLING" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" AutoSize="None"
    RequireOpenedPane="false" SuppressHeaderPostbacks="False" CssClass="style1" Width="101%"
    Height="0px" Visible="false">
    <Panes>
    <asp:AccordionPane ID="AccordionPane2" runat="server" ContentCssClass="" HeaderCssClass="">
    <Header>
    CRITERIA FOR PATIENT BILLING REPORT</Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 30%;">
    <asp:CheckBox ID="CheckBox4" runat="server" />
    Registration date:
    <br />
    <asp:TextBox ID="TextBox3" runat="server" class="element text" Style="width: 30%;
    margin-left: 25px;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender5" runat="server" Enabled="True" TargetControlID="TextBox3">
    </asp:CalendarExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="TextBox4" runat="server" class="element text" Style="width: 30%;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender6" runat="server" Enabled="True" TargetControlID="TextBox4">
    </asp:CalendarExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 25%;">
    <asp:CheckBox ID="CheckBox5" runat="server" />
    Patient type:
    <asp:DropDownList runat="server" ID="DropDownList4" Style="margin-left: 25px; width: 60%;">
    </asp:DropDownList>
    </div>
    </Content>
    </asp:AccordionPane>
    </Panes>
    </asp:Accordion>
    </div>
    </form>
    </body>
    </html>

    CODE BEHIND:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;

    namespace KID.UserInterface
    {
    public partial class Accordion : System.Web.UI.Page
    {
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
    INFORMATION.Visible = true;
    this.Title = INFORMATION.GetType().ToString();
    AjaxControlToolkit.Accordion controlTemp = null;
    if (this.DropDownList1.SelectedValue == "INFORMATION")
    {
    foreach (var control in form1.Controls)
    {

    if (control is AjaxControlToolkit.Accordion)
    {
    controlTemp = (AjaxControlToolkit.Accordion)control;
    controlTemp.Visible = controlTemp.ID == "INFORMATION" ? true : false;

    }

    }
    }
    else
    {
    foreach (var control in form1.Controls)
    {

    if (control is AjaxControlToolkit.Accordion)
    {
    controlTemp = (AjaxControlToolkit.Accordion)control;
    controlTemp.Visible = controlTemp.ID == this.DropDownList1.SelectedValue || controlTemp.ID == "BILLING" ? true : false;
    ScriptManager.RegisterStartupScript(this, GetType(), "", "AdjustAccordionPos('BILLING');", true);
    }

    }
    }

    }
    }
    }

    Please help me in fixing this requirement.

    Thank You,


    Monday, September 23, 2013 6:41 AM
  • User-417640953 posted

    Abhishek Patil

    "Microsoft JScript runtime error: '$' is undefined"

    Hello,

    I’m glad to you post back.

    For the first issue, you should add the script reference like my previous post. Make sure the path is correct.

    <scriptsrc="../../Scripts/jquery-1.7.1.js"></script>

    For the second issue, just add new Accordions like you did before. Make sure the value of dropdownlist’s ListItem is the ID of your new Accordion.

     I believe you can figure it out. Thanks.

     

    Regards!

     

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, September 23, 2013 10:59 AM
  • User623388331 posted

    Hi Fuxiang,

    Thanks for replying again, I'm very new to javascripts and jquery, in my application there is a folder by Name "JAVASCRIPT" in that folder i did not find anything which is related to   "jquery-1.7.1.js". So can you send me the code which i have to add in jquery file in "JAVASCRIPT" folder.

    Secondly with reference to your last reply i added 2 more accordions, below is the ASPX and Code Behind for the same.

    ASPX:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Accordion.aspx.cs" Inherits="KID.UserInterface.Accordion" %>

    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
    <title></title>
    <script src="javascript/jquery-1.7.1.js"></script>
    <script>
    function AdjustAccordionPos(id) {

    $("#" + id).insertAfter($("#AccordionPositionFlag"));

    }
    </script>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"
    AutoPostBack="true">
    <asp:ListItem Value="-" Text="Please Select"></asp:ListItem>
    <asp:ListItem Value="INFORMATION" Text="Patient Information Report"></asp:ListItem>
    <asp:ListItem Value="BILLING" Text="Patient Billing Report"></asp:ListItem>
    <asp:ListItem Value="COLLECTION" Text="Bill Collection Report"></asp:ListItem>
    <asp:ListItem Value="CORPORATE" Text="Corporate Bill Report"></asp:ListItem>
    </asp:DropDownList>
    <div id="AccordionPositionFlag">
    </div>
    <asp:Accordion ID="INFORMATION" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" AutoSize="None"
    RequireOpenedPane="false" SuppressHeaderPostbacks="False" CssClass="style1" Width="101%"
    Height="0px" Visible="false">
    <Panes>
    <asp:AccordionPane ID="AccordionPane1" runat="server" ContentCssClass="" HeaderCssClass="">
    <Header>
    CRITERIA FOR PATIENT INFORMATION REPORT</Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 25%;">
    <asp:CheckBox ID="chkPatientType" runat="server" />
    Patient type:
    <asp:DropDownList runat="server" ID="ddlstPatientCategoryy" Style="margin-left: 25px;
    width: 60%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="Chkarae" runat="server" />
    Area:
    <asp:DropDownList ID="ddlstAreaa" runat="server" Style="margin-left: 25px; width: 60%;">
    </asp:DropDownList>
    </label>
    </div>
    </Content>
    </asp:AccordionPane>
    </Panes>
    </asp:Accordion>
    <asp:Accordion ID="BILLING" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" AutoSize="None"
    RequireOpenedPane="false" SuppressHeaderPostbacks="False" CssClass="style1" Width="101%"
    Height="0px" Visible="false">
    <Panes>
    <asp:AccordionPane ID="AccordionPane2" runat="server" ContentCssClass="" HeaderCssClass="">
    <Header>
    CRITERIA FOR PATIENT BILLING REPORT</Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 25%;">
    <asp:CheckBox ID="CheckBox5" runat="server" />
    Patient type:
    <asp:DropDownList runat="server" ID="DropDownList4" Style="margin-left: 25px; width: 60%;">
    </asp:DropDownList>
    </div>
    </Content>
    </asp:AccordionPane>
    </Panes>
    </asp:Accordion>
    <asp:Accordion ID="COLLECTION" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" AutoSize="None"
    RequireOpenedPane="false" SuppressHeaderPostbacks="False" CssClass="style1" Width="101%"
    Height="0px" Visible="false">
    <Panes>
    <asp:AccordionPane ID="AccordionPane3" runat="server" ContentCssClass="" HeaderCssClass="">
    <Header>
    CRITERIA FOR BILL COLLECTION REPORT</Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 25%;">
    <asp:CheckBox ID="CheckBox2" runat="server" />
    Patient type:
    <asp:DropDownList runat="server" ID="DropDownList2" Style="margin-left: 25px;
    width: 60%;">
    </asp:DropDownList>
    </label>
    </div>
    </Content>
    </asp:AccordionPane>
    </Panes>
    </asp:Accordion>
    <asp:Accordion ID="CORPORATE" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" AutoSize="None"
    RequireOpenedPane="false" SuppressHeaderPostbacks="False" CssClass="style1" Width="101%"
    Height="0px" Visible="false">
    <Panes>
    <asp:AccordionPane ID="AccordionPane4" runat="server" ContentCssClass="" HeaderCssClass="">
    <Header>
    CRITERIA FOR CORPORATE BILL REPORT</Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 30%;">
    <asp:CheckBox ID="CheckBox6" runat="server" />
    Registration date:
    <br />
    <asp:TextBox ID="TextBox5" runat="server" class="element text" Style="width: 30%;
    margin-left: 25px;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender7" runat="server" Enabled="True" TargetControlID="TextBox5">
    </asp:CalendarExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="TextBox6" runat="server" class="element text" Style="width: 30%;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender8" runat="server" Enabled="True" TargetControlID="TextBox6">
    </asp:CalendarExtender>
    </label>
    </div>
    </Content>
    </asp:AccordionPane>
    </Panes>
    </asp:Accordion>
    </div>
    </form>
    </body>
    </html>

    CODE BEHIND:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;

    namespace KID.UserInterface
    {
    public partial class Accordion : System.Web.UI.Page
    {
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    {
    INFORMATION.Visible = true;
    this.Title = INFORMATION.GetType().ToString();
    AjaxControlToolkit.Accordion controlTemp = null;
    if (this.DropDownList1.SelectedValue == "INFORMATION")
    {
    foreach (var control in form1.Controls)
    {

    if (control is AjaxControlToolkit.Accordion)
    {
    controlTemp = (AjaxControlToolkit.Accordion)control;
    controlTemp.Visible = controlTemp.ID == "INFORMATION" ? true : false;

    }

    }
    }
    else if (this.DropDownList1.SelectedValue =="BILLING")
    {
    foreach (var control in form1.Controls)
    {

    if (control is AjaxControlToolkit.Accordion)
    {
    controlTemp = (AjaxControlToolkit.Accordion)control;
    controlTemp.Visible = controlTemp.ID == this.DropDownList1.SelectedValue || controlTemp.ID == "BILLING" ? true : false;
    ScriptManager.RegisterStartupScript(this, GetType(), "", "AdjustAccordionPos('BILLING');", true);
    }

    }
    }
    else if (this.DropDownList1.SelectedValue == "COLLECTION")
    {
    foreach (var control in form1.Controls)
    {

    if (control is AjaxControlToolkit.Accordion)
    {
    controlTemp = (AjaxControlToolkit.Accordion)control;
    controlTemp.Visible = controlTemp.ID == this.DropDownList1.SelectedValue || controlTemp.ID == "COLLECTION" ? true : false;
    ScriptManager.RegisterStartupScript(this, GetType(), "", "AdjustAccordionPos('COLLECTION');", true);
    }

    }
    }
    else if (this.DropDownList1.SelectedValue == "CORPORATE")
    {
    foreach (var control in form1.Controls)
    {

    if (control is AjaxControlToolkit.Accordion)
    {
    controlTemp = (AjaxControlToolkit.Accordion)control;
    controlTemp.Visible = controlTemp.ID == this.DropDownList1.SelectedValue || controlTemp.ID == "CORPORATE" ? true : false;
    ScriptManager.RegisterStartupScript(this, GetType(), "", "AdjustAccordionPos('CORPORATE');", true);
    }

    }
    }

    }
    }
    }

    when i run the application it gives me the same error

    "Microsoft JScript runtime error: '$' is undefined".

    coz there is no jquery file in javascript folder. please reply with jquery code for the same.

    Thank You,


    Tuesday, September 24, 2013 3:44 AM
  • User-417640953 posted

     

    <script src="javascript/jquery-1.7.1.js"></script>

    Hello,

    Welcome to feedback.

    If your script folder has no jquery file, I suggest you using jquery file which is online.

    Just replace above code I quoted with below code:

     <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

    If any question, please feel free to back. Thanks.

     

    Regards!

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, September 24, 2013 6:52 AM
  • User623388331 posted

    Hi Fuxiang,

    Thank much for your reply, I added all the changes in my main application ASPX and CODE BEHIND but i get the following error

    Error 341 The name 'form1' does not exist in the current context 

    Below is my CODE BEHIND Code

    protected void ddlStandardReports_SelectedIndexChanged(object sender, EventArgs e)
    {
    StandardPIRAccordion.Visible = true;
    this.Title = StandardPIRAccordion.GetType().ToString();
    AjaxControlToolkit.Accordion controlTemp = null;
    if (ddlStandardReports.SelectedValue == "1")
    {
    foreach (var control in form1.Controls)
    {

    if (control is AjaxControlToolkit.Accordion)
    {
    controlTemp = (AjaxControlToolkit.Accordion)control;
    controlTemp.Visible = controlTemp.ID == "StandardPIRAccordion" ? true : false;

    }

    }
    FillDropDownList();
    btnPrint.Visible = true;
    StandardPIRAccordion.Visible = true;
    }
    else if (ddlStandardReports.SelectedValue == "2")
    {
    foreach (var control in form1.Controls)
    {

    if (control is AjaxControlToolkit.Accordion)
    {
    controlTemp = (AjaxControlToolkit.Accordion)control;
    controlTemp.Visible = controlTemp.ID == this.DropDownList1.SelectedValue || controlTemp.ID == "StandardPBRAccordion" ? true : false;
    ScriptManager.RegisterStartupScript(this, GetType(), "", "AdjustAccordionPos('StandardPBRAccordion');", true);
    }

    }
    lblUserName.InnerHtml = Session["user"].ToString();
    FillDropDownPatientBillingReport();
    btnPrint.Visible = true;
    StandardPBRAccordion.Visible = true;
    }

    Thank You,

    Tuesday, September 24, 2013 7:37 AM
  • User-417640953 posted

    Hi,

    Thanks response back.

    The "form1" is the if of the Form in our aspx pages like below.

    <head runat="server">
        <title></title>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        </div>
        </form>
    </body>

    Please check it carefully according to the error message.

    If you still cannot figure it out, post all the related and changed code back without hesitation. Thanks.

     

    Regards!

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, September 24, 2013 10:19 AM
  • User623388331 posted

    Hi Fuxiang,

    Thanks for replying, Actually there is no form tag in my design since i have used a MasterPage in desiging my page. Below is the ASPX Code for the same.

    <%@ Page Title="" Language="C#" MasterPageFile="~/UserInterface/Kid.Master" AutoEventWireup="true"
    CodeBehind="CikitsaReportEngine.aspx.cs" Inherits="KID.UserInterface.CikitsaReportEngine" %>

    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
    <%@ Register TagPrefix="Header" Src="~/UserControls/SubHeader.ascx" TagName="head" %>
    <%@ Register TagName="button" TagPrefix="UC" Src="~/UserControls/ButtonUserControls.ascx" %>
    <%@ Register Src="../UserControls/HeaderUserControl_Without_Search.ascx" TagName="HeaderUserControl_Without_Search"
    TagPrefix="uc1" %>
    <%@ Register TagName="head" TagPrefix="UC" Src="~/UserControls/HeaderUserControl_Without_Search.ascx" %>
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
    <%@ Register Src="../UserControls/miniarthom.ascx" TagName="miniarthom" TagPrefix="uc1" %>
    <%@ Register Src="../UserControls/DoctorPageControls.ascx" TagName="DoctorPageControls"
    TagPrefix="uc2" %>
    <%@ Register Src="../UserControls/DoctorHeaderUserControl.ascx" TagName="DoctorHeaderUserControl"
    TagPrefix="uc3" %>
    <asp:Content ID="Content1" ContentPlaceHolderID="contendUserName" runat="server">
    <span>Welcome <strong id="lblUserName" runat="server"></strong>| <a href="../UserInterface/LogOut.aspx">
    Logout </a></span>
    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="mainContent" runat="server">
    <style type="text/css">
    .Dpatients
    {
    color: #e9621e;
    padding: 0px 3px 0 30px;
    padding-top: 10px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background- center;
    font-family: Gisha;
    font-weight: bold;
    font-size: small;
    text-transform: uppercase;
    text-align: right;
    }
    .accordionHeader
    {
    border: 1px solid #E1F5B6;
    color: white;
    background-color: #6C0000;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    }

    #master_content .accordionHeader a
    {
    color: #6C0000;
    background: none;
    text-decoration: none;
    }

    #master_content .accordionHeader a:hover
    {
    background: none;
    text-decoration: underline;
    }

    .accordionHeaderSelected
    {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #950000;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    }

    #master_content .accordionHeaderSelected a
    {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
    }

    #master_content .accordionHeaderSelected a:hover
    {
    background: none;
    text-decoration: underline;
    }

    .accordionContent
    {
    background-color: #FFFFD7;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    }
    .style1
    {
    margin-top: 0;
    }
    .style7
    {
    font-family: "Times New Roman";
    font-size: large;
    }
    .style8
    {
    width: 98%;
    }
    </style>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script>
    function AdjustAccordionPos(id) {

    $("#" + id).insertAfter($("#AccordionPositionFlag"));

    }
    </script>
    <div class="subheader">
    <h5>
    Cikitsa Report Engine
    </h5>
    </div>
    <div class="warning_box" id="divError" runat="server" visible="false" style="margin: 15px;">
    <asp:Label ID="lblError" runat="server" Text=""></asp:Label>
    &nbsp;&nbsp;&nbsp;
    </div>
    <table>
    <tr>
    <td>
    <div style="margin: 0 10px 0 10px;" align="left" class="style8">
    <asp:Label ID="lblreporttype" runat="server" Text=" REPORT TYPE" Style="color: #000000;
    font-weight: 800; width: 150px;" CssClass="style7"></asp:Label>
    <div style="margin: 20px;" class="style2">
    <div class="style4" style="font-family: Verdana; font-size: small; color: #000000;
    font-weight: 600;">
    <asp:RadioButtonList ID="Rblstandardorcustomised" runat="server" RepeatDirection="Horizontal"
    Width="268px" AutoPostBack="true" Font-Bold="True" Height="38px" OnSelectedIndexChanged="Rblstandardorcustomised_SelectedIndexChanged">
    <asp:ListItem Value="1" Selected="True">Standard</asp:ListItem>
    <asp:ListItem Value="2">Customised</asp:ListItem>
    </asp:RadioButtonList>
    </div>
    </div>
    </div>
    </td>
    <td>
    <div style="margin: 0 10px 0 10px;" align="left" class="style9">
    <asp:Label ID="Label1" runat="server" Text="REPORT SELECTION" Style="color: #000000;
    font-weight: 800; width: 150px;" CssClass="style7"></asp:Label>
    <div style="margin: 20px;" class="style2">
    <div style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;">
    Report Name
    <asp:DropDownList ID="ddlStandardReports" runat="server" Height="25px" Style="font-family: Arial"
    Width="250px" OnSelectedIndexChanged="ddlStandardReports_SelectedIndexChanged"
    AutoPostBack="true">
    <asp:ListItem Value="0">----Select Any Report of Your Choice----</asp:ListItem>
    <asp:ListItem Value="1">Patient Information Report</asp:ListItem>
    <asp:ListItem Value="2">Patient Billing Report </asp:ListItem>
    <asp:ListItem Value="3">Bill Collection Report</asp:ListItem>
    <asp:ListItem Value="4">Corporate Bill Report</asp:ListItem>
    </asp:DropDownList>
    <asp:DropDownList ID="ddlCustomisedReports" runat="server" Height="25px" Style="font-family: Arial"
    Width="250px" OnSelectedIndexChanged="ddlCustomisedReports_SelectedIndexChanged"
    AutoPostBack="true">
    <asp:ListItem Value="0">----Select Any Report of Your Choice----</asp:ListItem>
    <asp:ListItem Value="1">Questionnari Report</asp:ListItem>
    <asp:ListItem Value="2">Preliminary Examination Report </asp:ListItem>
    </asp:DropDownList>
    </div>
    </div>
    </div>
    </td>
    </tr>
    </table>
    <div class="style1">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <div style="padding: 10px; width: 98%">
    <asp:Accordion ID="StandardPIRAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" RequireOpenedPane="false"
    SuppressHeaderPostbacks="False" BorderStyle="Solid" Width="101%" Height="0px"
    CssClass="style1" AutoSize="None" Visible="false">
    <Panes>
    <ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server" ContentCssClass=""
    HeaderCssClass="">
    <Header>
    CRITERIA FOR PATIENT INFORMATION REPORT
    </Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 30%;">
    <asp:CheckBox ID="chkRegDate" runat="server" />
    Registration date:
    <br />
    <asp:TextBox ID="txtRegDateFrom" runat="server" class="element text" Style="width: 30%;
    margin-left: 25px;"></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" class="element text" Style="width: 30%;"></asp:TextBox>
    <asp:CalendarExtender ID="txtRegDateTo_CalendarExtender" runat="server" Enabled="True"
    TargetControlID="txtRegDateTo">
    </asp:CalendarExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="chkAge" runat="server" />
    Age:
    <br />
    <asp:TextBox ID="txtAgeFrom" runat="server" class="element text" Style="width: 30%;
    margin-left: 25px;" 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" class="element text" Style="width: 30%;"
    MaxLength="3"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="txtAgeTo"
    FilterType="Numbers">
    </asp:FilteredTextBoxExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkOccupation" runat="server" />
    Occupation:
    <asp:DropDownList ID="ddlstOccupation" runat="server" Style="margin-left: 25px; width: 80%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkGender" runat="server" />
    Gender:
    <select id="ddlstGender" runat="server" name="Field25" tabindex="5" style="margin-left: 25px;
    width: 60%;">
    <option value="male" selected="selected">MALE</option>
    <option value="female">FEMALE</option>
    </select>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 100%;">
    <asp:CheckBox ID="chkBloodGroup" runat="server" />
    Blood group:
    <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>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkArea" runat="server" />
    Area:
    <asp:DropDownList ID="ddlstArea" runat="server" Style="margin-left: 25px; width: 80%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkDia" runat="server" />
    Diabetologist:
    <asp:DropDownList ID="ddlstDia" runat="server" Style="margin-left: 25px; width: 80%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkServiceAvailed" runat="server" />
    Service availed:
    <asp:DropDownList ID="ddlstServiceAvailed" runat="server" Style="margin-left: 25px;
    width: 80%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkClinicalAssis" runat="server" />
    Clinical Assistant:
    <asp:DropDownList ID="ddlstClinicalAssistant" runat="server" Style="margin-left: 25px;
    width: 70%;">
    </asp:DropDownList>
    </label>
    </div>
    <%-- <div class="form_btn" id="div1" runat="server">
    <asp:Button ID="btnPIRprint" Text="Print" runat="server" Style="border-width: 0px;"
    PostBackUrl="../UserInterface/PatientInformationReport.aspx" />
    </div>--%>
    </Content>
    </ajaxToolkit:AccordionPane>
    </Panes>
    </asp:Accordion>
    </div>
    </div>
    <div class="style1">
    <div style="padding: 10px; width: 98%">
    <asp:Accordion ID="StandardPBRAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" RequireOpenedPane="false"
    SuppressHeaderPostbacks="False" BorderStyle="Solid" Width="101%" Height="0px"
    CssClass="style1" AutoSize="None">
    <Panes>
    <ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server" ContentCssClass=""
    HeaderCssClass="">
    <Header>
    CRITERIA FOR PATIENT BILLING REPORT
    </Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 30%;">
    <asp:CheckBox ID="Chkrgedate" runat="server" />
    Registration date:
    <br />
    <asp:TextBox ID="txtrfdatefr" runat="server" class="element text" Style="width: 30%;
    margin-left: 25px;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender1" runat="server" Enabled="True" TargetControlID="txtrfdatefr">
    </asp:CalendarExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="txtrtdateto" runat="server" class="element text" Style="width: 30%;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender2" runat="server" Enabled="True" TargetControlID="txtrtdateto">
    </asp:CalendarExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 25%;">
    <asp:CheckBox ID="chkPatientType" runat="server" />
    Patient type:
    <asp:DropDownList runat="server" ID="ddlstPatientCategoryy" Style="margin-left: 25px;
    width: 60%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="Chkarae" runat="server" />
    Area:
    <asp:DropDownList ID="ddlstAreaa" runat="server" Style="margin-left: 25px; width: 60%;">
    </asp:DropDownList>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkBillNumber" runat="server" />
    Bill number:
    <br />
    <asp:TextBox ID="txtBillNumFrom" runat="server" class="element text" MaxLength="25"
    Style="width: 30%; margin-left: 25px;"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="fte1" runat="server" TargetControlID="txtBillNumFrom"
    FilterType="Numbers">
    </asp:FilteredTextBoxExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="txtBillNumTo" runat="server" class="element text" MaxLength="25"
    Style="width: 30%;"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server" TargetControlID="txtBillNumTo"
    FilterType="Numbers">
    </asp:FilteredTextBoxExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkDiabetologist" runat="server" />
    Diabetologist:
    <asp:DropDownList ID="ddlstDiabetologist" runat="server" Style="margin-left: 30px;
    width: 80%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="ChkServicesavailed" runat="server" />
    Service availed:
    <asp:ListBox ID="lstBoxServiceAvailed" runat="server" Style="width: 80%; margin-left: 25px;"
    Height="50px" SelectionMode="Multiple"></asp:ListBox>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 95%;">
    <asp:CheckBox ID="chkSpecialist" runat="server" />
    Specialists:
    <asp:CheckBoxList ID="chkLstSpecialist" runat="server" RepeatDirection="Horizontal"
    Style="width: 100%; margin-left: 25px;" AutoPostBack="True">
    <asp:ListItem Value="0">All</asp:ListItem>
    <asp:ListItem Value="4">Ophthalmology</asp:ListItem>
    <asp:ListItem Value="15">Podiatry</asp:ListItem>
    <asp:ListItem Value="11">Cardiology</asp:ListItem>
    <asp:ListItem Value="12">Nephrology</asp:ListItem>
    <asp:ListItem Value="13">Neurology</asp:ListItem>
    <asp:ListItem Value="9">Dietician</asp:ListItem>
    <asp:ListItem Value="0">Psychiatry</asp:ListItem>
    <asp:ListItem Value="6">Physiology</asp:ListItem>
    </asp:CheckBoxList>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 40%;">
    <asp:CheckBox ID="chkBillType" runat="server" />
    Bill Type:
    <asp:CheckBoxList ID="chklstBillType" runat="server" RepeatDirection="Horizontal"
    Style="width: 100%; margin-left: 25px;">
    <asp:ListItem Value="0">All</asp:ListItem>
    <asp:ListItem Value="1">Cash</asp:ListItem>
    <asp:ListItem Value="3">Credit Card</asp:ListItem>
    <asp:ListItem Value="2">Cheque</asp:ListItem>
    </asp:CheckBoxList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkBillDate" runat="server" />
    Bill Date:
    <br />
    <asp:TextBox ID="txtBillDateFrom" runat="server" class="element text" Style="width: 35%;
    margin-left: 25px;"></asp:TextBox>
    <asp:CalendarExtender ID="txtBillDateFrom_CalendarExtender" runat="server" Enabled="True"
    TargetControlID="txtBillDateFrom">
    </asp:CalendarExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="txtBillDateTo" runat="server" class="element text" Style="width: 35%;"></asp:TextBox>
    <asp:CalendarExtender ID="txtBillDateTo_CalendarExtender" runat="server" Enabled="True"
    TargetControlID="txtBillDateTo">
    </asp:CalendarExtender>
    </label>
    </div>
    </div>
    </Content>
    </ajaxToolkit:AccordionPane>
    </Panes>
    </asp:Accordion>
    </div>
    </div>
    <div class="style1">
    <div style="padding: 10px; width: 98%">
    <asp:Accordion ID="StandardBCRAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" RequireOpenedPane="false"
    SuppressHeaderPostbacks="False" BorderStyle="Solid" Width="101%" Height="0px"
    CssClass="style1" AutoSize="None">
    <Panes>
    <ajaxToolkit:AccordionPane ID="AccordionPane3" runat="server" ContentCssClass=""
    HeaderCssClass="">
    <Header>
    CRITERIA FOR BILL COLLECTION REPORT
    </Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 30%;">
    <asp:CheckBox ID="ChkBilldt" runat="server" />
    Bill Date:
    <br />
    <asp:TextBox ID="txtBillDateFromm" runat="server" class="element text" Style="width: 30%;
    margin-left: 25px;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender3" runat="server" Enabled="True" TargetControlID="txtBillDateFromm">
    </asp:CalendarExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="txtBillDateToo" runat="server" class="element text" Style="width: 30%;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender4" runat="server" Enabled="True" TargetControlID="txtBillDateToo">
    </asp:CalendarExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 35%;">
    <asp:CheckBox ID="chkRegNumber" runat="server" />
    Registration No:
    <br />
    <asp:TextBox ID="txtRegNoFrom" runat="server" class="element text" MaxLength="25"
    Style="width: 30%; margin-left: 25px;"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server" TargetControlID="txtRegNoFrom"
    FilterType="Numbers">
    </asp:FilteredTextBoxExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="txtRegNoTo" runat="server" class="element text" MaxLength="25" Style="width: 30%;"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server" TargetControlID="txtRegNoTo"
    FilterType="Numbers">
    </asp:FilteredTextBoxExtender>
    </label>
    </div>
    </Content>
    </ajaxToolkit:AccordionPane>
    </Panes>
    </asp:Accordion>
    </div>
    </div>
    <div class="style1">
    <div style="padding: 10px; width: 98%">
    <asp:Accordion ID="StandardCBRAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" RequireOpenedPane="false"
    SuppressHeaderPostbacks="False" BorderStyle="Solid" Width="101%" Height="0px"
    CssClass="style1" AutoSize="None">
    <Panes>
    <ajaxToolkit:AccordionPane ID="AccordionPane4" runat="server" ContentCssClass=""
    HeaderCssClass="">
    <Header>
    CRITERIA FOR CORPORATE BILL REPORT
    </Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 20%;">
    <asp:CheckBox ID="chkCategory" runat="server" />
    Patient Category:
    <asp:DropDownList ID="ddlstPatientCategory" runat="server" Style="margin-left: 25px;
    width: 80%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 20%;">
    <asp:CheckBox ID="chkCredit" runat="server" />
    Credit :
    <asp:DropDownList ID="ddlstCreditType" runat="server" Style="margin-left: 25px; width: 80%;">
    <asp:ListItem Value="Y">CLEARED</asp:ListItem>
    <asp:ListItem Value="N">NOT CLEARED</asp:ListItem>
    <asp:ListItem Value="A">ALL</asp:ListItem>
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 30%;">
    <asp:CheckBox ID="ChkBillDatte" runat="server" />
    Bill Date:
    <br />
    <asp:TextBox ID="txtBillDatFrom" runat="server" class="element text" Style="width: 40%;
    margin-left: 25px;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender5" runat="server" Enabled="True" TargetControlID="txtBillDatFrom"
    Format="MM/dd/yyyy">
    </asp:CalendarExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="txtBillDatTo" runat="server" class="element text" Style="width: 30%;
    margin-left: 25px;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender6" runat="server" Enabled="True" TargetControlID="txtBillDatTo"
    Format="MM/dd/yyyy">
    </asp:CalendarExtender>
    </label>
    </div>
    </Content>
    </ajaxToolkit:AccordionPane>
    </Panes>
    </asp:Accordion>
    </div>
    </div>
    <div class="style1">
    <div style="padding: 10px; width: 98%">
    <asp:Accordion ID="CustomisedQRAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="True" FramesPerSecond="40" TransitionDuration="250" RequireOpenedPane="false"
    SuppressHeaderPostbacks="False" BorderStyle="Solid" Width="101%" Height="0px"
    CssClass="style1" AutoSize="None">
    <Panes>
    <ajaxToolkit:AccordionPane ID="AccordionPane13" runat="server" ContentCssClass=""
    HeaderCssClass="">
    <Header>
    CRITERIA FOR QUESTIONNAIRE REPORT
    </Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 30%;">
    <asp:CheckBox ID="ChkRegistrationDate" runat="server" />
    Registration date:
    <br />
    <asp:TextBox ID="txtrgdtfr" runat="server" class="element text" Style="width: 35%;
    margin-left: 25px;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender13" runat="server" Enabled="True" TargetControlID="txtrgdtfr">
    </asp:CalendarExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="txtrgdtto" runat="server" class="element text" Style="width: 35%;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender14" runat="server" Enabled="True" TargetControlID="txtrgdtto">
    </asp:CalendarExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 20%;">
    <asp:CheckBox ID="ChKDiabetesAwareness" runat="server" />
    Do You Know That More People Are Getting Diabetes Now A Days:
    <br />
    <select id="ddlDiabetesAwareness" runat="server" name="Field25" style="margin-left: 25px;
    width: 30%;">
    <option value="0" selected="selected">YES</option>
    <option value="1">NO</option>
    <option value="2">DON&#39;T KNOW</option>
    </select>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 20%;">
    <asp:CheckBox ID="ChkPrevention" runat="server" />
    Diabetes Can Be Prevented?:
    <br />
    <select id="ddlPrevention" runat="server" name="Field25" style="margin-left: 25px;
    width: 30%;">
    <option value="0" selected="selected">YES</option>
    <option value="1">NO</option>
    <option value="2">DON&#39;T KNOW</option>
    </select>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 75%;">
    <asp:CheckBox ID="Chktreatment" runat="server" />
    Taking Treatment:
    <br />
    <asp:CheckBoxList ID="Chktakingtreatment" runat="server" RepeatDirection="Horizontal"
    Style="width: 90%; margin-left: 25px;">
    <asp:ListItem Value="OHA">OHA</asp:ListItem>
    <asp:ListItem Value="INSULIN">INSULINE</asp:ListItem>
    <asp:ListItem Value="AYURVEDA">AYURVEDA</asp:ListItem>
    <asp:ListItem Value="EXERCISE">EXERCISE</asp:ListItem>
    <asp:ListItem Value="NO">NO</asp:ListItem>
    <asp:ListItem Value="OHA&INSULINE">OHA & INSULINE</asp:ListItem>
    </asp:CheckBoxList>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 99%;">
    <asp:CheckBox ID="ChkRiskFactors" runat="server" />
    Do You Know Risk Factors For Diabetes:
    <br />
    <asp:CheckBoxList ID="ChkRiskFactor" runat="server" RepeatDirection="Horizontal"
    Style="width: 99%; margin-left: 25px;">
    <asp:ListItem Value="0">DON&#39;T KNOW</asp:ListItem>
    <asp:ListItem Value="1">EATING SWEETS</asp:ListItem>
    <asp:ListItem Value="2">NO WORKOUT</asp:ListItem>
    <asp:ListItem Value="3">OBESITY</asp:ListItem>
    <asp:ListItem Value="4">GENETIC</asp:ListItem>
    <asp:ListItem Value="5">FERTILIZERS</asp:ListItem>
    <asp:ListItem Value="6">POLLUTION</asp:ListItem>
    </asp:CheckBoxList>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 60%;">
    <asp:CheckBox ID="ChkOftenExercise" runat="server" />
    How Often Do You Exercise:
    <br />
    <asp:CheckBoxList ID="ChkExerciseFrequency" runat="server" RepeatDirection="Horizontal"
    Style="width: 95%; margin-left: 25px;">
    <asp:ListItem Value="0">NONE</asp:ListItem>
    <asp:ListItem Value="1">SOMETIMES</asp:ListItem>
    <asp:ListItem Value="2">EVERYDAY</asp:ListItem>
    <asp:ListItem Value="3">2-3 TIME/WEEK</asp:ListItem>
    <asp:ListItem Value="4">ONCE/WEEK</asp:ListItem>
    </asp:CheckBoxList>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 80%;">
    <asp:CheckBox ID="ChkDurationExercise" runat="server" />
    Duration of Exercise:
    <br />
    <asp:CheckBoxList ID="ChkExerciseDuration" runat="server" RepeatDirection="Horizontal"
    Style="width: 60%; margin-left: 25px;">
    <asp:ListItem Value="0">NONE</asp:ListItem>
    <asp:ListItem Value="1">&lt;30 MINS</asp:ListItem>
    <asp:ListItem Value="2">&gt;=30 MINS</asp:ListItem>
    <asp:ListItem Value="3">&gt;=60 MINS</asp:ListItem>
    <asp:ListItem Value="4">&gt;=120 MINS</asp:ListItem>
    </asp:CheckBoxList>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 70%;">
    <asp:CheckBox ID="ChkFamilyDiabetic" runat="server" />
    Family History of Diabeties:
    <br />
    <asp:CheckBoxList ID="ChkDiabeticFamily" runat="server" RepeatDirection="Horizontal"
    Style="width: 60%; margin-left: 25px;">
    <asp:ListItem Value="0">NONE</asp:ListItem>
    <asp:ListItem Value="1">FATHER</asp:ListItem>
    <asp:ListItem Value="2">MOTHER</asp:ListItem>
    <asp:ListItem Value="3">BOTH</asp:ListItem>
    <asp:ListItem Value="4">OTHER</asp:ListItem>
    </asp:CheckBoxList>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 15%;">
    <asp:CheckBox ID="Chkconsanguinity" runat="server" />
    Consanguinity Parents:
    <br />
    <select id="ddlConsanguinity" runat="server" name="Field25" style="margin-left: 25px;
    width: 25%;">
    <option value="0" selected="selected">YES</option>
    <option value="1">NO</option>
    </select>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 15%;">
    <asp:CheckBox ID="Chkmarried" runat="server" />
    Married:
    <br />
    <select id="ddlMarried" runat="server" name="Field25" style="margin-left: 25px; width: 25%;">
    <option value="0" selected="selected">YES</option>
    <option value="1">NO</option>
    </select>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 15%;">
    <asp:CheckBox ID="ChkSpouse" runat="server" />
    Spouse Diabetic:
    <br />
    <select id="ddlSpouse" runat="server" name="Field25" style="margin-left: 25px; width: 30%;">
    <option value="0" selected="selected">NONE</option>
    <option value="1">YES</option>
    <option value="2">NO</option>
    </select>
    </label>
    </div>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="ChkTotalFamily" runat="server" />
    Total Family Members:
    <asp:TextBox ID="txtfamilymembers" runat="server" class="element text" Style="width: 25%;
    margin-left: 25px;"></asp:TextBox>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 15%;">
    <asp:CheckBox ID="Chktotalsiblings" runat="server" />
    Number of Diabetic Siblings:
    <asp:TextBox ID="txtDiabeticSiblings" runat="server" class="element text" Style="width: 25%;
    margin-left: 25px;"></asp:TextBox>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 15%;">
    <asp:CheckBox ID="ChkTotalChildrens" runat="server" />
    Number of Diabetic Children:
    <asp:TextBox ID="txtDiabeticChildren" runat="server" class="element text" Style="width: 25%;
    margin-left: 25px;"></asp:TextBox>
    </label>
    </div>
    </Content>
    </ajaxToolkit:AccordionPane>
    </Panes>
    </asp:Accordion>
    </div>
    </div>
    <div class="style1">
    <div style="padding: 10px; width: 98%">
    <asp:Accordion ID="CustomisedPERAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="True" FramesPerSecond="40" TransitionDuration="250" RequireOpenedPane="false"
    SuppressHeaderPostbacks="False" BorderStyle="Solid" Width="101%" Height="0px"
    CssClass="style1" AutoSize="None">
    <Panes>
    <ajaxToolkit:AccordionPane ID="AccordionPane14" runat="server" ContentCssClass=""
    HeaderCssClass="">
    <Header>
    CRITERIA FOR PRELIMINARY EXAMINATION REPORT
    </Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; width: 30%;">
    <asp:CheckBox ID="ChkRegistrationsDate" runat="server" />
    Registration date:
    <br />
    <asp:TextBox ID="txtrgdtfrr" runat="server" class="element text" Style="width: 35%;
    margin-left: 25px;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender15" runat="server" Enabled="True" TargetControlID="txtrgdtfrr">
    </asp:CalendarExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="txtrgdttoo" runat="server" class="element text" Style="width: 35%;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender16" runat="server" Enabled="True" TargetControlID="txtrgdttoo">
    </asp:CalendarExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="Chkdurations" runat="server" />
    Duration:
    <br />
    <asp:TextBox ID="txtDuration" runat="server" CssClass="element_text" Style="width: 40%;"
    MaxLength="10"></asp:TextBox>
    <asp:TextBoxWatermarkExtender ID="WaterMarkDuration" runat="server" TargetControlID="txtDuration"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Numeric Value">
    </asp:TextBoxWatermarkExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="Chkageon" runat="server" />
    Age at on set(Yrs):
    <br />
    <asp:TextBox ID="txtAge" runat="server" CssClass="element_text" TabIndex="4" MaxLength="10"
    Style="width: 40%;"></asp:TextBox>
    <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="txtAge"
    WatermarkCssClass="WaterMarktxtAge" WatermarkText="Enter Numeric Value">
    </asp:TextBoxWatermarkExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="ChkFBS" runat="server" />
    FBS:<br clear="all" />
    <asp:TextBox ID="txtFbs" runat="server" CssClass="element_text" TabIndex="6" MaxLength="10"
    Style="width: 40%;"></asp:TextBox>
    <span style="padding-left: 3px;">ml/dl</span>
    <asp:FilteredTextBoxExtender ID="FiltertxtFbs" runat="server" TargetControlID="txtFbs"
    FilterType="Numbers" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="WatermarktxtFbs" runat="server" TargetControlID="txtFbs"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Numeric Value">
    </asp:TextBoxWatermarkExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="ChkPPBS" runat="server" />
    PPBS:<br clear="all" />
    <asp:TextBox ID="txtPpbs" runat="server" CssClass="element_text" TabIndex="7" MaxLength="10"
    Style="width: 40%;"></asp:TextBox>
    <span style="padding-left: 3px;">ml/dl</span>
    <asp:FilteredTextBoxExtender ID="FiltertxtPpbs" runat="server" TargetControlID="txtPpbs"
    FilterType="Numbers" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="WatermarktxtPpbs" runat="server" TargetControlID="txtPpbs"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Numeric Value">
    </asp:TextBoxWatermarkExtender>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 45%;">
    <asp:CheckBox ID="ChkExercise" runat="server" />
    Exercise:
    <br />
    <asp:CheckBoxList ID="ChkExercises" runat="server" RepeatDirection="Horizontal" Style="width: 90%;
    margin-left: 10px;">
    <asp:ListItem Value="0">None</asp:ListItem>
    <asp:ListItem Value="1">Irregular</asp:ListItem>
    <asp:ListItem Value="2">Regular</asp:ListItem>
    </asp:CheckBoxList>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="ChkAppetite" runat="server" />
    Appetite:
    <br />
    <asp:TextBox ID="txtAppetites" runat="server" class="element text" Style="width: 68%;
    margin-left: 25px;"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender8" runat="server" TargetControlID="txtAppetites"
    FilterType="LowercaseLetters,UppercaseLetters" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" runat="server" TargetControlID="txtAppetites"
    WatermarkCssClass="WaterMark " WatermarkText="Enter Alphabetic Value">
    </asp:TextBoxWatermarkExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="Chksleeping" runat="server" />
    Sleep:
    <br />
    <asp:TextBox ID="txtSleep" runat="server" class="element text" Style="width: 68%;
    margin-left: 25px;"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender9" runat="server" TargetControlID="txtSleep"
    FilterType="LowercaseLetters,UppercaseLetters" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender3" runat="server" TargetControlID="txtSleep"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Alphabetic Value">
    </asp:TextBoxWatermarkExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="ChkMicturitions" runat="server" />
    Micturition:
    <br />
    <asp:TextBox ID="txtMicturition" runat="server" class="element text" Style="width: 68%;
    margin-left: 25px;"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender10" runat="server" TargetControlID="txtMicturition"
    FilterType="LowercaseLetters,UppercaseLetters" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender4" runat="server" TargetControlID="txtMicturition"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Alphabetic Value">
    </asp:TextBoxWatermarkExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="ChkBowel" runat="server" />
    Bowel Habits:
    <br />
    <asp:TextBox ID="txtBowl" runat="server" class="element text" Style="width: 68%;
    margin-left: 25px;"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender11" runat="server" TargetControlID="txtBowl"
    FilterType="LowercaseLetters,UppercaseLetters" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender5" runat="server" TargetControlID="txtBowl"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Alphabetic Value">
    </asp:TextBoxWatermarkExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="ChkSexual" runat="server" />
    Sexual History:
    <br />
    <asp:TextBox ID="txtSexualHistory" runat="server" class="element text" Style="width: 68%;
    margin-left: 25px;"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender13" runat="server" TargetControlID="txtSexualHistory"
    FilterType="LowercaseLetters,UppercaseLetters" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender6" runat="server" TargetControlID="txtSexualHistory"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Alphabetic Value">
    </asp:TextBoxWatermarkExtender>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 12%;">
    <asp:CheckBox ID="ChkSmoking" runat="server" />
    Smoking:
    <select id="ddlsmoking" runat="server" name="Field25" style="margin-left: 25px; width: 34%;">
    <option value="1" selected="selected">No</option>
    <option value="0">Yes</option>
    </select>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 17%;">
    <asp:CheckBox ID="ChkCigPerDAY" runat="server" />
    No.of Cigarettes Per Day:
    <asp:TextBox ID="txtCigarette" runat="server" CssClass="element_text" TabIndex="15"
    MaxLength="10" Width="150px"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender7" runat="server" TargetControlID="txtCigarette"
    FilterType="Numbers" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender7" runat="server" TargetControlID="txtCigarette"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Numeric Value">
    </asp:TextBoxWatermarkExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 17%;">
    <asp:CheckBox ID="ChKDuration" runat="server" />
    Duration:
    <asp:TextBox ID="txtsmokedudation" runat="server" CssClass="element_text" TabIndex="16"
    MaxLength="10" Width="150px"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender12" runat="server" TargetControlID="txtsmokedudation"
    FilterType="Numbers" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender12" runat="server" TargetControlID="txtsmokedudation"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Numeric Value">
    </asp:TextBoxWatermarkExtender>
    <span style="width: 21%">Years</span>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 12%;">
    <asp:CheckBox ID="ChkAlcohol" runat="server" />
    Alcohol:
    <select id="ddlalcohol" runat="server" name="Field25" style="margin-left: 25px; width: 34%;">
    <option value="1" selected="selected">No</option>
    <option value="0">Yes</option>
    </select>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 17%;">
    <asp:CheckBox ID="ChkQuantity" runat="server" />
    Quantity:
    <asp:TextBox ID="txtqty" runat="server" CssClass="element_text" TabIndex="15" MaxLength="10"
    Width="150px"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender14" runat="server" TargetControlID="txtqty"
    FilterType="Numbers" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender8" runat="server" TargetControlID="txtqty"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Numeric Value">
    </asp:TextBoxWatermarkExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 17%;">
    <asp:CheckBox ID="ChkDurtion" runat="server" />
    Duration:
    <asp:TextBox ID="txtalcoholduration" runat="server" CssClass="element_text" TabIndex="16"
    MaxLength="10" Width="150px"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender15" runat="server" TargetControlID="txtalcoholduration"
    FilterType="Numbers" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender9" runat="server" TargetControlID="txtalcoholduration"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Numeric Value">
    </asp:TextBoxWatermarkExtender>
    <span style="width: 21%">Years</span>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 12%;">
    <asp:CheckBox ID="ChkTobacco" runat="server" />
    Tobacco:
    <select id="ddltobacco" runat="server" name="Field25" style="margin-left: 25px; width: 34%;">
    <option value="1" selected="selected">No</option>
    <option value="0">Yes</option>
    </select>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 17%;">
    <asp:CheckBox ID="Chkqty" runat="server" />
    Quantity:
    <asp:TextBox ID="txttobaccoquantity" runat="server" CssClass="element_text" TabIndex="15"
    MaxLength="10" Width="150px"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender16" runat="server" TargetControlID="txttobaccoquantity"
    FilterType="Numbers" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender10" runat="server" TargetControlID="txttobaccoquantity"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Numeric Value">
    </asp:TextBoxWatermarkExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 17%;">
    <asp:CheckBox ID="ChkTduration" runat="server" />
    Duration:
    <asp:TextBox ID="txttobaccoduration" runat="server" CssClass="element_text" TabIndex="16"
    MaxLength="10" Width="150px"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender17" runat="server" TargetControlID="txttobaccoduration"
    FilterType="Numbers" FilterMode="ValidChars">
    </asp:FilteredTextBoxExtender>
    <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender11" runat="server" TargetControlID="txttobaccoduration"
    WatermarkCssClass="WaterMark" WatermarkText="Enter Numeric Value">
    </asp:TextBoxWatermarkExtender>
    <span style="width: 21%">Years</span>
    </label>
    </div>
    </div>
    </Content>
    </ajaxToolkit:AccordionPane>
    </Panes>
    </asp:Accordion>
    </div>
    </div>
    <div class="form_btn" id="divBtnAdvacedSearch" runat="server">
    <asp:Button ID="btnPrint" Text="Print" runat="server" Style="border-width: 0px;"
    OnClick="btnPrint_Click" />
    <asp:Button ID="btnExporttoExcel" Text="Print" runat="server" Style="border-width: 0px;"
    OnClick="btnExporttoExcel_Click" />
    </div>
    </asp:Content>

    Thank You

    Wednesday, September 25, 2013 3:48 AM
  • User-417640953 posted

    Hi,

    I’m glad to you post back.

    I had not considered you were using a master page.

    For this issue, I suggest you add a Panel to contain Accordions and the AccordionPositionFlag div like below.

    <asp:Panel ID="Panel1" runat="server"   >
            <div id="AccordionPositionFlag"></div>
            <asp:Accordion ID="INFORMATION" runat="server"  Visible="false" ClientIDMode="Static"  > 
                <Panes>
                    <asp:AccordionPane ID="AccordionPane1" runat="server">
                        <Header>INFORMATION</Header>
                        <Content>INFORMATION</Content>
                    </asp:AccordionPane>
                </Panes> 
            </asp:Accordion>
     
     </asp:Panel>
    

    Please note add ClientIDMode="Static" to every Accordion.

    In the behind code, we should replace the form1 with this.Panel1 like below.

      foreach (var control in this.Panel1.Controls)

    Hope this helps, thanks.

     

    Best Regards!



    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, September 25, 2013 5:29 AM
  • User623388331 posted

    Hi Fuxiang, 

    Thanks a lot for your reply, Everything is working fine,expect one thing when i run my app i get the below mentioned error

    Microsoft JScript runtime error: Object doesn't support property or method 'menu' 

    Changes Made in ASPX:

    <div class="style1">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <asp:Panel ID="Panel1" runat="server">
    <div id="AccordionPositionFlag">
    </div>
    <div style="padding: 10px; width: 98%">
    <asp:Accordion ID="StandardPIRAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" RequireOpenedPane="false"
    SuppressHeaderPostbacks="False" BorderStyle="Solid" Width="101%" Height="0px"
    CssClass="style1" AutoSize="None" Visible="false" ClientIDMode="Static">
    <Panes>
    <ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server" ContentCssClass=""
    HeaderCssClass="">
    <Header>
    CRITERIA FOR PATIENT INFORMATION REPORT
    </Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 30%;">
    <asp:CheckBox ID="chkRegDate" runat="server" />
    Registration date:
    <br />
    <asp:TextBox ID="txtRegDateFrom" runat="server" class="element text" Style="width: 30%;
    margin-left: 25px;"></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" class="element text" Style="width: 30%;"></asp:TextBox>
    <asp:CalendarExtender ID="txtRegDateTo_CalendarExtender" runat="server" Enabled="True"
    TargetControlID="txtRegDateTo">
    </asp:CalendarExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="chkAge" runat="server" />
    Age:
    <br />
    <asp:TextBox ID="txtAgeFrom" runat="server" class="element text" Style="width: 30%;
    margin-left: 25px;" 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" class="element text" Style="width: 30%;"
    MaxLength="3"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="txtAgeTo"
    FilterType="Numbers">
    </asp:FilteredTextBoxExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkOccupation" runat="server" />
    Occupation:
    <asp:DropDownList ID="ddlstOccupation" runat="server" Style="margin-left: 25px; width: 80%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkGender" runat="server" />
    Gender:
    <select id="ddlstGender" runat="server" name="Field25" tabindex="5" style="margin-left: 25px;
    width: 60%;">
    <option value="male" selected="selected">MALE</option>
    <option value="female">FEMALE</option>
    </select>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 100%;">
    <asp:CheckBox ID="chkBloodGroup" runat="server" />
    Blood group:
    <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>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkArea" runat="server" />
    Area:
    <asp:DropDownList ID="ddlstArea" runat="server" Style="margin-left: 25px; width: 80%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkDia" runat="server" />
    Diabetologist:
    <asp:DropDownList ID="ddlstDia" runat="server" Style="margin-left: 25px; width: 80%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkServiceAvailed" runat="server" />
    Service availed:
    <asp:DropDownList ID="ddlstServiceAvailed" runat="server" Style="margin-left: 25px;
    width: 80%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkClinicalAssis" runat="server" />
    Clinical Assistant:
    <asp:DropDownList ID="ddlstClinicalAssistant" runat="server" Style="margin-left: 25px;
    width: 70%;">
    </asp:DropDownList>
    </label>
    </div>
    </Content>
    </ajaxToolkit:AccordionPane>
    </Panes>
    </asp:Accordion>
    </div>
    </div>
    <div class="style1">
    <div style="padding: 10px; width: 98%">
    <asp:Accordion ID="StandardPBRAccordion" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
    HeaderSelectedCssClass="accordionHeaderSelected" ContentCssClass="accordionContent"
    FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" RequireOpenedPane="false"
    SuppressHeaderPostbacks="False" BorderStyle="Solid" Width="101%" Height="0px"
    CssClass="style1" AutoSize="None" ClientIDMode="Static">
    <Panes>
    <ajaxToolkit:AccordionPane ID="AccordionPane2" runat="server" ContentCssClass=""
    HeaderCssClass="">
    <Header>
    CRITERIA FOR PATIENT BILLING REPORT
    </Header>
    <Content>
    <div class="compactform" style="width: 99%;">
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 30%;">
    <asp:CheckBox ID="Chkrgedate" runat="server" />
    Registration date:
    <br />
    <asp:TextBox ID="txtrfdatefr" runat="server" class="element text" Style="width: 30%;
    margin-left: 25px;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender1" runat="server" Enabled="True" TargetControlID="txtrfdatefr">
    </asp:CalendarExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="txtrtdateto" runat="server" class="element text" Style="width: 30%;"></asp:TextBox>
    <asp:CalendarExtender ID="CalendarExtender2" runat="server" Enabled="True" TargetControlID="txtrtdateto">
    </asp:CalendarExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 25%;">
    <asp:CheckBox ID="chkPatientType" runat="server" />
    Patient type:
    <asp:DropDownList runat="server" ID="ddlstPatientCategoryy" Style="margin-left: 25px;
    width: 60%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 15%;">
    <asp:CheckBox ID="Chkarae" runat="server" />
    Area:
    <asp:DropDownList ID="ddlstAreaa" runat="server" Style="margin-left: 25px; width: 60%;">
    </asp:DropDownList>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkBillNumber" runat="server" />
    Bill number:
    <br />
    <asp:TextBox ID="txtBillNumFrom" runat="server" class="element text" MaxLength="25"
    Style="width: 30%; margin-left: 25px;"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="fte1" runat="server" TargetControlID="txtBillNumFrom"
    FilterType="Numbers">
    </asp:FilteredTextBoxExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="txtBillNumTo" runat="server" class="element text" MaxLength="25"
    Style="width: 30%;"></asp:TextBox>
    <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server" TargetControlID="txtBillNumTo"
    FilterType="Numbers">
    </asp:FilteredTextBoxExtender>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkDiabetologist" runat="server" />
    Diabetologist:
    <asp:DropDownList ID="ddlstDiabetologist" runat="server" Style="margin-left: 30px;
    width: 80%;">
    </asp:DropDownList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="ChkServicesavailed" runat="server" />
    Service availed:
    <asp:ListBox ID="lstBoxServiceAvailed" runat="server" Style="width: 80%; margin-left: 25px;"
    Height="50px" SelectionMode="Multiple"></asp:ListBox>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 95%;">
    <asp:CheckBox ID="chkSpecialist" runat="server" />
    Specialists:
    <asp:CheckBoxList ID="chkLstSpecialist" runat="server" RepeatDirection="Horizontal"
    Style="width: 100%; margin-left: 25px;" AutoPostBack="True">
    <asp:ListItem Value="0">All</asp:ListItem>
    <asp:ListItem Value="4">Ophthalmology</asp:ListItem>
    <asp:ListItem Value="15">Podiatry</asp:ListItem>
    <asp:ListItem Value="11">Cardiology</asp:ListItem>
    <asp:ListItem Value="12">Nephrology</asp:ListItem>
    <asp:ListItem Value="13">Neurology</asp:ListItem>
    <asp:ListItem Value="9">Dietician</asp:ListItem>
    <asp:ListItem Value="0">Psychiatry</asp:ListItem>
    <asp:ListItem Value="6">Physiology</asp:ListItem>
    </asp:CheckBoxList>
    </label>
    </div>
    <div class="twoper">
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 40%;">
    <asp:CheckBox ID="chkBillType" runat="server" />
    Bill Type:
    <asp:CheckBoxList ID="chklstBillType" runat="server" RepeatDirection="Horizontal"
    Style="width: 100%; margin-left: 25px;">
    <asp:ListItem Value="0">All</asp:ListItem>
    <asp:ListItem Value="1">Cash</asp:ListItem>
    <asp:ListItem Value="3">Credit Card</asp:ListItem>
    <asp:ListItem Value="2">Cheque</asp:ListItem>
    </asp:CheckBoxList>
    </label>
    <label style="font-family: Verdana; font-size: small; color: #000000; font-weight: 600;
    font-style: normal; font-variant: inherit; text-transform: inherit; width: 20%;">
    <asp:CheckBox ID="chkBillDate" runat="server" />
    Bill Date:
    <br />
    <asp:TextBox ID="txtBillDateFrom" runat="server" class="element text" Style="width: 35%;
    margin-left: 25px;"></asp:TextBox>
    <asp:CalendarExtender ID="txtBillDateFrom_CalendarExtender" runat="server" Enabled="True"
    TargetControlID="txtBillDateFrom">
    </asp:CalendarExtender>
    <span style="padding-left: 3px;">To: </span>
    <asp:TextBox ID="txtBillDateTo" runat="server" class="element text" Style="width: 35%;"></asp:TextBox>
    <asp:CalendarExtender ID="txtBillDateTo_CalendarExtender" runat="server" Enabled="True"
    TargetControlID="txtBillDateTo">
    </asp:CalendarExtender>
    </label>
    </div>
    </div>
    </Content>
    </ajaxToolkit:AccordionPane>
    </Panes>
    </asp:Accordion>
    </div>
    </asp:Panel>
    </div>

    Changes Made in Code Behind:

    protected void ddlStandardReports_SelectedIndexChanged(object sender, EventArgs e)
    {
    StandardPIRAccordion.Visible = true;
    this.Title = StandardPIRAccordion.GetType().ToString();
    AjaxControlToolkit.Accordion controlTemp = null;
    if (ddlStandardReports.SelectedValue == "1")
    {
    foreach (var control in this.Panel1.Controls)
    {

    if (control is AjaxControlToolkit.Accordion)
    {
    controlTemp = (AjaxControlToolkit.Accordion)control;
    controlTemp.Visible = controlTemp.ID == "StandardPIRAccordion" ? true : false;

    }

    }
    FillDropDownList();
    btnPrint.Visible = true;
    StandardPIRAccordion.Visible = true;
    }
    else if (ddlStandardReports.SelectedValue == "2")
    {
    foreach (var control in this.Panel1.Controls)
    {

    if (control is AjaxControlToolkit.Accordion)
    {
    controlTemp = (AjaxControlToolkit.Accordion)control;
    controlTemp.Visible = controlTemp.ID == this.ddlStandardReports.SelectedValue || controlTemp.ID == "StandardPBRAccordion" ? true : false;
    ScriptManager.RegisterStartupScript(this, GetType(), "", "AdjustAccordionPos('StandardPBRAccordion');", true);
    }

    }
    lblUserName.InnerHtml = Session["user"].ToString();
    FillDropDownPatientBillingReport();
    btnPrint.Visible = true;
    StandardPBRAccordion.Visible = true;
    }

    1)Should i add each individaul accordion in one Seperate panel or all accordions in one panel.

    2) controlTemp.Visible = controlTemp.ID == this.ddlStandardReports.SelectedValue || controlTemp.ID == "StandardPBRAccordion" ? true : false;
    ScriptManager.RegisterStartupScript(this, GetType(), "", "AdjustAccordionPos('StandardPBRAccordion');", true);

    From the above point no 2 "StandardPBRAccordion" this is a dropdownlist selected valuefield content or textfield content, or is this a accordion id.

    Thanks You,

    Wednesday, September 25, 2013 6:26 AM
  • User-417640953 posted

    Hi,

    Thanks for your response.

    # For the javascript error, I think that caused by your Jquery file. Please try to check or change a jquery file.

    # We add all accordions to one panel, that will make us easily foreach the accordions.

    # The parameter “StandardPBRAccordion” of javascript method AdjustAccordionPos() is the id of accordion which you want show it in the first position.

    # For operating accordions conveniently, I suggest you set the value of dropdownlist as the id of accordions.

     

    Thanks.

     

    Regards!  

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, September 25, 2013 9:45 AM
  • User623388331 posted

    Hi Fuxiang,

    Thanks much for your valuable reply, I have a small requirement change.

    * I have 1 radio button list(RBL) with 2 options
    1)Standrad Reports
    2)Customized Reports

    *) 2 DropDownList(DDL)
    1) ddlstandardReports
    2) ddlCustomizedReports

    ddlstandardReports and ddlCustomizedReports contains different accordions compare to each other.

    on page_load by default i need to select Standrad Reports from RBL and ddlstandardReports from DLL should be visible.

    As ddlstandardReports contain accordions,which ever accordion i select that accordion should be visible at one position. same with other remaining accordions also.

    Now When i select Customized Reports from RBL and ddlCustomizedReports from DDL should be made visible and if i select any accordion that particular accordion should
    same with other remaining accordions also.

    with your help for standard Reports i completed. the same Logic i applied for Customized Reports also but iam not able to fix it.

    Thank You

    Friday, September 27, 2013 7:37 AM
  • User-417640953 posted

    Hi Abhishek,

    Thanks for posting your requirement to our forum.

    This platform is help customer to solve the problems which they come across in their programming. 

    I suggest you try your best to complete the requirement by self and you will learn more and get much pleasure in your efforts. 

    If you get problem in your programming, please open an post in asp.net forum and there will more experts focus on your issue. 

    Please mark the post if you have solved your previous issue.

    Thanks in advance.

     

    Best Regards!

    Friday, September 27, 2013 10:37 AM
  • User623388331 posted

    Hi Fuxiang,

    Thanks a lot for your support and replies.

    Thank You,

    Saturday, September 28, 2013 12:42 AM