AJAX Accordion not working in the Google chrome

Posted by balajirnaukri-12656 under ASP.NET AJAX on 3/19/2012 | Points: 10 | Views : 3692 | Status : [Member] | Replies : 7
Hi all can any one help me out in this issue I am not able to get the accordion panes in the google chrome

Thanks and Regards
Balaji.R
ASP.NET Devloper
Solve-IT corp



Responses

Posted by: Sksamantaray on: 3/19/2012 [Member] Silver | Points: 25

Up
0
Down
Can you attach your code?

Thanks,
Sanjay

balajirnaukri-12656, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: balajirnaukri-12656 on: 3/19/2012 [Member] Starter | Points: 25

Up
0
Down
yeah

<ajaxToolkit:Accordion ID="Accordnctrl" SelectedIndex="0" runat="server"

HeaderCssClass="reports-header-info" ContentCssClass="key-list-container">
<Panes>
<ajaxToolkit:AccordionPane ID="acc_VersionsWaitingforApproval" runat="server">
<Header>
Versions - Waiting for Approval From Client Console:</Header>
<Content>
<asp:GridView ID="grdLocalVersions" runat="server" SkinID="AdminGrid" AllowPaging="false"
EmptyDataText="No records found!" OnPageIndexChanging="grdLocalVersions_PageIndexChanging"
PageSize="10" OnRowDataBound="grdLocalVersions_RowDataBound" OnRowCommand="grdLocalVersions_RowCommand">
<Columns>
<asp:TemplateField HeaderText="Uploaded By">
<ItemTemplate>
<asp:Label ID="lblUploadedBy" runat="Server"></asp:Label>
</ItemTemplate>
<HeaderStyle CssClass="grid-header-300"></HeaderStyle>
<ItemStyle CssClass="grid-body-300"></ItemStyle>
</asp:TemplateField>
<asp:TemplateField HeaderText="Content Name">
<ItemTemplate>
<asp:Label ID="lblProduct" runat="Server"></asp:Label>
</ItemTemplate>
<HeaderStyle CssClass="grid-header-200"></HeaderStyle>
<ItemStyle CssClass="grid-body-200"></ItemStyle>
</asp:TemplateField>
<asp:TemplateField HeaderText="Version No">
<ItemTemplate>
<asp:Label ID="lblVersions" runat="server"></asp:Label>
</ItemTemplate>
<HeaderStyle CssClass="grid-header-100"></HeaderStyle>
<ItemStyle CssClass="grid-body-100"></ItemStyle>
</asp:TemplateField>
</Columns>
</asp:GridView>
</ajaxToolkit:AccordionPane>
</Panes>
</ajaxToolkit:Accordion>


Iam calling the gridview inside the panes.I am getting it correct in the Internet explorer but Im not able to see anything in the google chrome

Thanks and Regards
Balaji.R
ASP.NET Devloper
Solve-IT corp

balajirnaukri-12656, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Sksamantaray on: 3/19/2012 [Member] Silver | Points: 25

Up
0
Down
Hi,
1.After gridview <content> is not closed
2.you are using only one AccordionPane , try to use 2 or 3
3.For testing i have used following code and its working fine in both ie and Crhome.
<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<asp:Panel ID="Panel1" runat="server">
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
</asp:Panel>


<asp:Panel ID="Panel2" runat="server" BackColor="Wheat" ForeColor="Black" GroupingText="hello">
<br />
<br />
Disign this as per your wish
<asp:Button ID="btnCancel" runat="server" Text="Cancel" />
</asp:Panel>

<ajaxToolkit:ModalPopupExtender ID="Panel2_ModalPopupExtender" runat="server" CancelControlID="btnCancel"
BackgroundCssClass="modalBackground" Drag="True" DropShadow="True"
DynamicServicePath="" Enabled="True" PopupControlID="Panel2"
TargetControlID="Button1">
</ajaxToolkit:ModalPopupExtender>

</div>

ssssssssssss
<ajaxToolkit:Accordion ID="Accordnctrl" SelectedIndex="0" runat="server"



HeaderCssClass="reports-header-info" ContentCssClass="key-list-container">

<Panes>

<ajaxToolkit:AccordionPane ID="acc_VersionsWaitingforApproval" runat="server">

<Header>

Versions - Waiting for Approval From Client Console:</Header>

<Content>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataKeyNames="CategoryID" DataSourceID="SqlDataSource1">
<Columns>
<asp:BoundField DataField="CategoryID" HeaderText="CategoryID" ReadOnly="True"
SortExpression="CategoryID" />
<asp:BoundField DataField="CategoryName" HeaderText="CategoryName"
SortExpression="CategoryName" />
<asp:BoundField DataField="intDeleteFlag" HeaderText="intDeleteFlag"
SortExpression="intDeleteFlag" />
<asp:BoundField DataField="ParentCategoryID" HeaderText="ParentCategoryID"
SortExpression="ParentCategoryID" />
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:dbRecruitmentConnectionString %>"
SelectCommand="SELECT * FROM [CategoryMaster]"></asp:SqlDataSource>
</Content>

</ajaxToolkit:AccordionPane>





<ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">

<Header>

nnnnnnnnnnnnnnnnn</Header>

<Content>
vvvvvvvvvvvvvvvv
</Content>
</ajaxToolkit:AccordionPane>
</Panes>

</ajaxToolkit:Accordion>

</form>



Replace my Gridview with your and then check, if it works Mark as answer.

Thanks,
Sanjay

balajirnaukri-12656, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: balajirnaukri-12656 on: 3/19/2012 [Member] Starter | Points: 25

Up
0
Down
Sksamantaray

1.I have sent you the sample code only the first part of my code.I am using 5 accordian panes

2.I have closed the content in that one I forgot to add in the designing part

3.My sample accordion works in all the browser I have to check whether someother problem persists]



Thanks and Regards
Balaji.R
ASP.NET Devloper
Solve-IT corp

balajirnaukri-12656, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Sksamantaray on: 3/19/2012 [Member] Silver | Points: 25

Up
0
Down

It it is working fine now,Mark as answer.

Thanks,
Sanjay

balajirnaukri-12656, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: balajirnaukri-12656 on: 3/19/2012 [Member] Starter | Points: 25

Up
0
Down
No it is not working fine.I will have to sort it out

Thanks and Regards
Balaji.R
ASP.NET Devloper
Solve-IT corp

balajirnaukri-12656, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Sksamantaray on: 3/19/2012 [Member] Silver | Points: 25

Up
0
Down
What's the problem now, In which browser its not running?
Can you send me the complete Aspx page for Checking?

Thanks,
Sanjay

balajirnaukri-12656, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response