Comments on It Could Be Done!: What's Wrong with Accordion Control?

AMAZING man!You saved my life!I've been stuck in t...

2008-12-17T03:40:00.000+02:00

AMAZING man!

You saved my life!

I've been stuck in that for weeks!

You are genius :)

Thank you soooooooooooooooo much.

Thanks! You are the greatest.

2008-12-03T20:13:00.000+02:00

Thanks! You are the greatest.

Cheers mate, really helpful

2008-11-05T17:56:00.000+02:00

Cheers mate, really helpful

Awesome !! worked just perfect. I actually have a ...

2008-08-21T02:25:00.000+03:00

Awesome !! worked just perfect. I actually have a nested Accordion pane inside which I have multiple panes. In my Page_Init I called that method :

SuperAccordionPane.FindControl("nothing");

Thanks a ton !!

You are a superman of software industry

2008-07-07T15:33:00.000+03:00

You are a superman of software industry

You rock!!!! Thanks v much!!!

2008-06-24T13:14:00.000+03:00

You rock!!!! Thanks v much!!!

Well done, Hero I had the weirdest behavior, my a...

2008-05-12T13:50:00.000+03:00

Well done, Hero

I had the weirdest behavior, my accordion was working perfectly for 2 panes with 3 update panels (set to have children as triggers and conditional update) inside of them. Every time I had my AutoPostBack control fire its event inside of those panels it worked no problem. I tried to add a fourth UpdatePanel on a different pane, and for that particular panel (same properties and everything) the first trigger of the event wouldn't fire. This seems to have resolved the problem, but the behavior is still very (?_?)

Thanks a Million....Cheers

2008-05-07T23:01:00.000+03:00

Thanks a Million....Cheers

You are AWESOME!! Thank you, thanks you!

2008-02-08T01:42:00.000+02:00

You are AWESOME!! Thank you, thanks you!

Hi All. Same for me, the solution didn't quite fi...

2008-02-01T11:08:00.000+02:00

Hi All. Same for me, the solution didn't quite fix the problem for me, but went a whole way forward. I had nested Accordions, collapsiblePanels, Panels and then finally a Button in an Update Panel that was a trigger for an Image in another Update Panel outside of the 1st Accordion.

All the controls within the first Accordion appeared null due to the problem with the naming container mentioned in the above article. I had to declare each of the nested AJAX controls in turn, to then get the button control and assign it the same ID as the one in the update panel as a trigger:

protected override void OnInit(EventArgs e)
{
base.OnInit(e);
MyAccordion.FindControl("nothing"); //Force Top Level Accordion's Controls to Memory
ReportAccordian.FindControl("nothing"); //Force Next Level Accordion's Controls to Memory
CollapsiblePanelExtender3.FindControl("nothing"); //Force CollapsiblePanelExtender3's Controls to Memory

//Get Trigger Control and Register it
Control mycontrol = CollapsiblePanelExtender3.FindControl("ReportBtn");

foreach (AsyncPostBackTrigger apbt in UpdatePanel1.Triggers)
//Even though Trigger Control says ID='ReportBtn' actually it is 'TabContainer3$MyAccordion$..'
//and the Update Panel doesn't know it's called that, so we need to set UpdatePanel Trigger ID
//to the same.
{
if (mycontrol.UniqueID.EndsWith(apbt.ControlID))
{
apbt.ControlID = ReportBtn.UniqueID;
}
}
}

Hope this helps too...

Acutally, this did not solve entirely my problem: ...

2008-01-30T15:15:00.000+02:00

Acutally, this did not solve entirely my problem: the naming container is still not reseted when rebinding.

The only way I found to reset it is to call Controls.Clear(). Unfortunately, other controls than the panes exist in the accordion Controls collection. So here is my hack of Accordion.cs to solve this:

internal void ClearPanes()
{
List<Control> noPaneControls = new List<Control>();
for (int i = Controls.Count - 1; i >= 0; i--)
{
if (!(Controls[i] is AccordionPane))
{
noPaneControls.Add(Controls[i]);
}
}
// Must call this to reset the naming container
Controls.Clear();
foreach (Control c in noPaneControls)
{
Controls.Add(c);
}
}

Man, you're my hero. Thank you!

2008-01-30T14:17:00.000+02:00

Man, you're my hero. Thank you!

Sorry, Your fix not working in my case, as i am us...

2008-01-26T09:24:00.000+02:00

Sorry, Your fix not working in my case, as i am using atlas tool kit.
Do u fix for atlas tool kit accordion?.

Stellar sleuthing! I fought with this for an hour ...

2008-01-22T01:30:00.000+02:00

Stellar sleuthing! I fought with this for an hour before I found your post. Works like a charm. Thank you!

Impressive. You saved my head XD.Muchas gracias!!!...

2008-01-14T19:11:00.000+02:00

Impressive. You saved my head XD.

Muchas gracias!!!

Superb! Nice work fella!

2007-11-29T12:18:00.000+02:00

Superb! Nice work fella!

Oh my!!!! What a saving find! Thank you for reso...

2007-11-25T16:26:00.000+02:00

Oh my!!!! What a saving find! Thank you for resolving a mind bender I had to give up on. I had resorted to spraying various links above the accordian control before. I tried your trick and now am able to put everything in the pane (no pun intended) that it should be in. Major kudos to you.

Thanks!

I was beginning to lose my sanity over the Accordi...

2007-11-11T13:00:00.000+02:00

I was beginning to lose my sanity over the Accordion control (which happens to be extremely useful, especially for "crammed" pages) and the problem that you have solved...
Thank you Yuriy, excellent job!

Greatly appreciate you posting this valuable tip Y...

2007-11-05T01:00:00.000+02:00

Greatly appreciate you posting this valuable tip Yuriy. Thank you!

Wow! I love the accordion control, and now it's a...

2007-11-01T22:45:00.000+02:00

Wow! I love the accordion control, and now it's actually useable.

Thanks for the workaround!

God Bless you. Thanks a lot.

2007-11-01T14:39:00.000+02:00

God Bless you. Thanks a lot.

Sorry. Even with the work around, I still get an e...

2007-10-11T17:02:00.000+03:00

Sorry. Even with the work around, I still get an error.

If you could help... please email me at twhetstone@westcamp.com. I will also check back regularly.

< asp:UpdatePanel ID="UpdatePanel4" runat="server"...

2007-10-11T17:00:00.000+03:00

< asp:UpdatePanel ID="UpdatePanel4" runat="server">
< ContentTemplate>
< ajaxToolkit:Accordion ID="Accordion1" runat="server" AutoSize="limit" ContentCssClass="accContent"
FadeTransitions="true" FramesPerSecond="150" HeaderCssClass="accHeader" Height="100%"
SelectedIndex="0" TransitionDuration="250" Width="100%">
< Panes>
< ajaxToolkit:AccordionPane ID="apShipToMe" runat="server">
< Header>
< div class="accDiv" style="background-image: url(Assetts/Images/Buttons/accButton.gif);
background-repeat: no-repeat;">
< span class="accSpan">< a href="" onclick="return false" style="text-decoration: underline;"
title="Ship to Me">Ship to Me< /a> < /span>
< /div>
< /Header>
< Content>
< asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px">
< table style="background-image: url(Assetts/Images/Layout/mailbg.gif); background-repeat: no-repeat;
position: static; height: 225px" width="215">
< tr>
< td align="left" style="width: 197px; height: 21px" valign="top">
< asp:RadioButton ID="rbMail1" runat="server" AutoPostBack="True" Enabled="False"
ForeColor="White" GroupName="mail" Text="PLEASE INKJET & MAIL DIRECTLY" Width="203px" />< /td>
< /tr>
< tr>
< td align="center" class="greenFontSmall" style="width: 224px; height: 20px" valign="middle">
< asp:TextBox ID="mailQty" runat="server" BorderStyle="None" CssClass="aspTextbox"
Enabled="False" Height="10px" Style="border-right: medium none; border-top: medium none;
margin-top: -2px; border-left: medium none; border-bottom: medium none" Width="178px"
AutoPostBack="True" CausesValidation="True" OnTextChanged="mailQty_TextChanged">0< /asp:TextBox>
< /td>
< /tr>
< tr>
< td align="center" class="greenFontSmall" style="width: 197px; height: 15px" valign="top">
< asp:RangeValidator ID="RangeValidator2" runat="server" ControlToValidate="mailQty"
CssClass="greenFontSmall" ErrorMessage="Amount must be less than min. amount."
ForeColor="" MaximumValue="10000000" MinimumValue="0">< /asp:RangeValidator>< /td>
< /tr>
< tr>
< td align="left" style="width: 197px; height: 21px" valign="top">
< asp:RadioButton ID="rbMail2" runat="server" AutoPostBack="True" Enabled="False"
ForeColor="White" GroupName="mail" Text="Presort Standard Mail" />< /td>
< /tr>
< tr>
< td align="left" style="width: 197px; height: 21px" valign="top">
< asp:RadioButton ID="rbMail3" runat="server" AutoPostBack="True" Enabled="False"
ForeColor="White" GroupName="mail" Text="Presort First Class" />< /td>
< /tr>
< tr>
< td align="left" style="width: 197px; height: 21px" valign="top">
< asp:RadioButton ID="rbMail4" runat="server" AutoPostBack="True" Checked="True" Enabled="False"
EnableTheming="True" ForeColor="White" GroupName="mail" Text="Standard First Class" />< /td>
< /tr>
< tr>
< td align="left" style="width: 197px; height: 45px" valign="top">
< div class="greenFontSmall" style="margin-left: 18px">
*Includes Postage, Duplicate Removal, CASS Certification, Water Seal, Ink Jetting,
and Handling!< /div>
< /td>
< /tr>
< tr>
< td align="left" style="width: 197px; height: 26px" valign="bottom">
< div style="font-size: 7pt; margin-left: 28px; color: white">
< span class="greenFontSmall">Mailing Guide < /span>| Additional Information< /div>
< /td>
< /tr>
< /table>
< /asp:Panel>
< ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server"
FilterType="Numbers" TargetControlID="mailQty">
< /ajaxToolkit:FilteredTextBoxExtender>
< /Content>
< /ajaxToolkit:AccordionPane>
< ajaxToolkit:AccordionPane ID="apShipToClient" runat="server">
< Header>
< div class="accDiv" style="background-image: url(Assetts/Images/Buttons/accButton.gif);
background-repeat: no-repeat;">
< span class="accSpan">< a href="" onclick="return false" style="text-decoration: underline;">
Ship to my Client< /a> < /span>
< /div>
< /Header>
< Content>
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
< /Content>
< /ajaxToolkit:AccordionPane>
< ajaxToolkit:AccordionPane ID="apDirectMail" runat="server" ContentCssClass="" HeaderCssClass="">
< Header>
< div class="accDiv" style="background-image: url(Assetts/Images/Buttons/accButton.gif);
background-repeat: no-repeat;">
< span class="accSpan">< a href="" onclick="return false" style="text-decoration: underline;">
Direct Mailing Options< /a> < /span>
< /div>
< /Header>
< Content>
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
THIS IS JUST TEXT TO HOLD THE PANEL
< /Content>
< /ajaxToolkit:AccordionPane>
< /Panes>
< /ajaxToolkit:Accordion>
< /ContentTemplate>
< Triggers>
< asp:AsyncPostBackTrigger ControlID="ddlShipping" EventName="SelectedIndexChanged" />
< /Triggers>
< /asp:UpdatePanel>

Another little tip allows you to do all the panes ...

2007-09-27T09:15:00.000+03:00

Another little tip allows you to do all the panes @ once.

foreach(AjaxControlToolkit.AccordionPane pan in Accordion1.Panes){
pan.FindControl("nothing");
}

Shaun

I have a DropDownListBox in one AccordionPane whic...

2007-09-14T22:28:00.000+03:00

I have a DropDownListBox in one AccordionPane which databinds to an ObjectDataSource, it wouldn't bind. Do you a fix to this? many thanks.