using multiple collapsible panels

Question

0.00/5 (No votes)

See more:

Hi all,

My task is to create a web form which shows something like this:

_______________________________________________
|-----------------------1---------------------|
|-----------------------2---------------------|
|-----------------------3---------------------|
|                                             |
_______________________________________________

The idea is this that 1, 2, 3 are the collapsible panels. I am using a label in header panel of each collapsible panel which will show ID of sme data.

when I will click on it, say it is used in panel 1, the panel one will expand and inside it a gridview is there which will show content panel showing the details of that id, and wen i will click on label again it panel will close.

similarly for the 2 one and the third one and so on.

so how can i use this ?? using javascript and ajax together or just ajax will be enough ???

Pls suggest.

Regards,
Taresh Uppal

[edit]changed tags[/edit]

Posted 13-Mar-12 22:56pm

Taresh Uppal

Updated 13-Mar-12 23:38pm

StM0n

v3

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

StM0n · Answer 1 · 2012-03-13T23:38:00

Solution 1

Something like this[^]?

Posted 13-Mar-12 23:38pm

StM0n

Comments

Taresh Uppal 15-Mar-12 3:16am

hi..thanx a lot this was really awesome however I have a doubt here..In my task i wanted n number of panels that will be generated according to the values(ids)in my database. header panel will show id and when we will click on it it will show content panel contatining the info of that id. How to do that ??

StM0n 15-Mar-12 5:17am

The coding's up to you :) just take a look at the example... you have to "build" the panels according to your ids. You could either create the whole site at loading or get the data by request.

I also have to look it up... maybe someone else already solved something like that.