Accordion

[srilakshmim]

Hello
I want to create Accordion (Ajax Control Tool Kit).
My Code is as follows

protected void Page_Load(object sender, EventArgs e)
    {
               try
            {
        Accordion aCC = new Accordion();
        AccordionPane aPane = new AccordionPane();
        aPane.Width=300;
        aPane.HeaderContainer.Controls.Add(new LiteralControl("Dyanamic Accordiaon"));
        aPane.ContentContainer.Controls.Add(new LiteralControl("jdfh"));
        aCC.Panes.Add(aPane);
        AccordionPane aPane1 = new AccordionPane();
        aPane1.Width = 300;
        aPane1.HeaderContainer.Controls.Add(new LiteralControl("Collapse"));
        aPane1.ContentContainer.Controls.Add(new LiteralControl("jdfgdth"));
        aCC.Panes.Add(aPane1);
        aCC.Visible = true;
            }
            catch(Exception e1)
            {
                Response.Write(e1);
 
            }
 
 
    }

But Accordion is not visible and also no errors
when i created Accordion in designing & iam adding AccordionPanes to that Accordion then it is working quite good.
Please any one solve it

[Frinavale]

Hello
I want to create Accordion (Ajax Control Tool Kit).
My Code is as follows

protected void Page_Load(object sender, EventArgs e)
    {
               try
            {
        Accordion aCC = new Accordion();
        AccordionPane aPane = new AccordionPane();
        aPane.Width=300;
        aPane.HeaderContainer.Controls.Add(new LiteralControl("Dyanamic Accordiaon"));
        aPane.ContentContainer.Controls.Add(new LiteralControl("jdfh"));
        aCC.Panes.Add(aPane);
        AccordionPane aPane1 = new AccordionPane();
        aPane1.Width = 300;
        aPane1.HeaderContainer.Controls.Add(new LiteralControl("Collapse"));
        aPane1.ContentContainer.Controls.Add(new LiteralControl("jdfgdth"));
        aCC.Panes.Add(aPane1);
        aCC.Visible = true;
            }
            catch(Exception e1)
            {
                Response.Write(e1);
 
            }
 
 
    }

But Accordion is not visible and also no errors
when i created Accordion in designing & iam adding AccordionPanes to that Accordion then it is working quite good.
Please any one solve it

Is there any reason why you can't create the Accordian in design and then fill it in the Server side code?

-Frinny

[srilakshmim]

I want to create Accordion dynamically.
Iam inserting it in gridview template column
If there are more records in the gridview then it is taking much time to load
Thanks for your reply

[Frinavale]

I want to create Accordion dynamically.
Iam inserting it in gridview template column
If there are more records in the gridview then it is taking much time to load
Thanks for your reply

I think you're going to have to register the control in the page for it to show up.
Have you used Controls.Add(myAccordion) in your code to add your dynamically created accordion control to your page?

-Frinny

[srilakshmim]

[quote=Frinavale]I think you're going to have to register the control in the page for it to show up.
Have you used Controls.Add(myAccordion) in your code to add your dynamically created accordion control to your page?

-Frinny[/QUO

Hello
I tried it in 2 ways
1st way

I created 1 panel in design
and i wrote code as
Panel1.Controls.Add(aCC);

2nd way
Scriptmanger1.Controls.Add(aCC);

But in both the cases
the unHandled Exception while running

is as follows

System.InvalidOperationException was unhandled by user code
Message="The TargetControlID of '_AccordionExtender' is not valid. The value cannot be null or empty."
Source="System.Web.Extensions"
StackTrace:
at System.Web.UI.ExtenderControl.RegisterWithScriptMa nager()
at System.Web.UI.ExtenderControl.OnPreRender(EventArg s e)
at AjaxControlToolkit.ExtenderControlBase.OnPreRender (EventArgs e)
at System.Web.UI.Control.PreRenderRecursiveInternal()
at System.Web.UI.Control.PreRenderRecursiveInternal()
at System.Web.UI.Control.PreRenderRecursiveInternal()
at System.Web.UI.Control.PreRenderRecursiveInternal()
at System.Web.UI.Control.PreRenderRecursiveInternal()
at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)

[robertonline]

Set the aCC.ID! It will work fine!

[quote=srilakshmim]

I think you're going to have to register the control in the page for it to show up.
Have you used Controls.Add(myAccordion) in your code to add your dynamically created accordion control to your page?

-Frinny[/QUO

Hello
I tried it in 2 ways
1st way

I created 1 panel in design
and i wrote code as
Panel1.Controls.Add(aCC);

2nd way
Scriptmanger1.Controls.Add(aCC);

But in both the cases
the unHandled Exception while running

is as follows

System.InvalidOperationException was unhandled by user code
Message="The TargetControlID of '_AccordionExtender' is not valid. The value cannot be null or empty."
Source="System.Web.Extensions"
StackTrace:
at System.Web.UI.ExtenderControl.RegisterWithScriptMa nager()
at System.Web.UI.ExtenderControl.OnPreRender(EventArg s e)
at AjaxControlToolkit.ExtenderControlBase.OnPreRender (EventArgs e)
at System.Web.UI.Control.PreRenderRecursiveInternal()
at System.Web.UI.Control.PreRenderRecursiveInternal()
at System.Web.UI.Control.PreRenderRecursiveInternal()
at System.Web.UI.Control.PreRenderRecursiveInternal()
at System.Web.UI.Control.PreRenderRecursiveInternal()
at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)

[axxon]

[quote=robertonline]Set the aCC.ID! It will work fine!

Hi i think ACC is the ID and I am running into the same problem!!! can u show me the actual code that works?
Thnx

[ClausMAdsen]

Set the aCC.ID! It will work fine!



Hi i think ACC is the ID and I am running into the same problem!!! can u show me the actual code that works?
Thnx

Sorry for the ugly code, but this post helped me the last way - i had the same problem:

      ScriptManager manager = new ScriptManager();
      form1.Controls.Add(manager);
 
      Label label_a_head = new Label();
      label_a_head.Text = "Label A Head";
      Label label_a_content = new Label();
      label_a_content.Text = "Label A Content";
 
      Label label_b_head = new Label();
      label_b_head.Text = "Label B Head";
      Label label_b_content = new Label();
      label_b_content.Text = "Label B Content";
 
      Accordion ac = new Accordion();
      ac.ID = "AccordionID";
 
      AccordionPane ap1 = new AccordionPane();
      ap1.HeaderContainer.Controls.Add(label_a_head);
      ap1.ContentContainer.Controls.Add(label_a_content);
      ac.Panes.Add(ap1);
 
      AccordionPane ap2 = new AccordionPane();
      ap2.HeaderContainer.Controls.Add(label_b_head);
      ap2.ContentContainer.Controls.Add(label_b_content);
      ac.Panes.Add(ap2);
 
      form1.Controls.Add(ac);
 

And Smile...Have a nice day :-)