[Solved] Add RadLabel into RadCollapsiblePanel

[林]

i add 3 RadCollapsiblePanels inside  a SpitPanel as follwing shown

according to  the top two RadCollapsiblePanel's height

i can not add  add RadLavel into RadCollapsiblePanel3

because i can not see the container of RadCollapsiblePanel3 to add radlabel

how can i do ?

[Nadya | Tech Support Engineer]

Hello,

You should have enough space in RadCollapsiblePanel3 to add RadLabel. I noticed on your form that RadCollapsiblePanel3 is very small in hight and it is almost not visible. I reduced the height of splitPanel2 to increase the space for the panel above. Then, I can successfully add RadLabel to RadCollapsiblePanel3. See the picture below:

I attached the modified project with added radLabel3 for your reference. You can further expand/collapse them, and everything works as expected.

Regards,
Nadya | Tech Support Engineer
Progress Telerik

[林]

HI ~ i think this solution is not i want

i uplaod some sreen capture of a existed system written in delphi (in Chinese language)

i do not have it's  delphi source code

these are 7 CollapsiblePanels 

and each Panel has lots of components like textboxs labes... etc

how can i use RadCollapsiblePanel to do the same job

in design time 

each RadCollapsiblePanel need enough  space (height ) to add components 

but space is limited 

[Nadya | Tech Support Engineer]

Hello,

Thank you for the provided clarifications, and pictures. I now understand what you mean by each RadCollapsiblePanel needs enough space (height ) at design time to add components, but space is limited. If you need to add 7 collapsible panels with elements inside, I understand your concern.

Yes, this is right. If you want to add components at design time in RadCollapsiblePanel, there should be enough space to do so. What I can suggest is:

1. Enlarge the form as long as you need initially to have more space to design on it.
2. Start adding RadCollapsiblePanels as you started. Let's say you add 1,2,3 panels.
3. Once the space gets ocupaied but you still have panels to add, you can minimize the height of the first added panels (1,2,3) by using the up/down arrow marked in green below. When you reduce the height of existing panels, more space will be available on the form for adding new panels or components.
4. Then, when more space is available continue add 4,5,6,7 panels.
5. You will notice that a scrollbar appears on the form (on the right side). See the following picture marked in red.
6. When you are ready to add all your panels, you can increase the height of each separate collapsible panel again. You should be able to scroll up and down thanks to that scrollbar and customize your panels as you need.
7. Please refer to the following picture that can illustrate better my idea:

I updated your project accrodingly by adding 7 different collapsible panel and labels inside. You can see the achieved result in the attached gif file, and also examine the project.

I hope this information helps, and you can style your form as needed. Let me know if  I can assist you further.

Regards,
Nadya

[林]

According 

"When you are ready to add all your panels, you can increase the height of each separate collapsible panel again. You should be able to scroll up and down thanks to that scrollbar and customize your panels as you need."

i download the project

but i can not "scroll up and down " at deisgn time ~

[Nadya | Tech Support Engineer]

Hello,

Enlarge RadCollapsiblePanel along with the form, arrange the controls, and when you make it small again, the scrollbars will appear. The scrollbar would indicate there are more panels; however, you can not scroll it at design time. At run time, you should be able to scroll them. In the project that I provided earlier, I showed how to achieve this.

Please let me know if you have other questions.

 

[林]

 

i download the project 

1.  radCollapsiblePanel7 ~ radCollapsiblePanel7    all inside   splitPanel1

    radCollapsiblePanel7  is out the form and i need to add cotrol to radCollapsiblePanel7 

  so  i set  radCollapsiblePanel1~ radCollapsiblePanel6  "IsExpanded = false" 

 then i can see radCollapsiblePanel7   and  i can add control to radCollapsiblePanel7  

the procedure is right ?

2. if at radCollapsiblePanel7   i need more space to add control

    then i large radCollapsiblePanel7   and it may exceed the form

    how can  i add control  at the area of radCollapsiblePanel7  whch is outside the form ?

[Nadya | Tech Support Engineer]

Hello,

Yes, the approach is correct but you should enlarge radCollapsiblePanel7 as long as there is space on the form. You can not add controls at design time outside the form. 

Check the attached project in this thread. I added another control (RadGridView) into radCollapsiblePanel7 and it still can collapse and expand.