Scrollbar in Radpanelbar item

[Ravi]

Hi There,
I have a requirement to display vertical and horizontal scroll bars in RadPanelbar item when its content is large, but Radpanel bar doesnt support this, instead it stretches vertically/horizontally as much as we have the content,  and the last radpanelbar item will hide at the bottom of the Radpanelbar. 
Please verify the screenshot for more information(what we are expecting is depicted in the screenshot).

Regards,
Srinivas.

[Tina Stancheva]

Hi Srinivas,

This issue is caused by the RadPanelBar default template which wraps the ItemsPresenter (representing the PanelBarItems) in a ScrollViewer control. This is why in order to get over this behavior, you  will have to edit the default ControlTemplate of the control to remove the ScrollViewer.

I attached a sample solution demonstrating this approach so please have a look at it and let me know if it helps.

Regards,
Tina Stancheva
the Telerik team

[Ravi]

Hi Tina Stancheva ,

When we set IsExpand="true" to all PanelBarItems then we dont see the Panels which are at the bottom of the RadPanelbar. is there any way that i can control the scrollviewer in both cases (for PanelBar and PanelBarItem)

Regards,
Srinivas.

[Tina Stancheva]

Hi Srinivas,

Thank you for getting back to us. Unfortunately the RadPanelBar control doesn't support such a behavior out-of-the-box. However, you can customize the RadPanelBarItems resizing logic handling the Expanded and Collapsed events in order to implement your customizations.

For example you can calculate the MaxHeight of each item based on the ActualHeight of the RadPanelBar and the default ActualHeight of the collapsed PanelBarItem which by default is about 22px. Using this approach I prepared a sample project which customizes the RadPanelBarItem's MaxHeight property based on the count of all items and the ActualHeight of the PanelBar control at a given moment.

Please note that in the attached solution, the RadPanelBar default style isn't changed, which means that it still contains a ScrollViewer but I have disabled the scroll bars. Let me know if this helps.

Regards,
Tina Stancheva
the Telerik team

[Arpit]

Hi , I have unzip the code but the files are blank, Could you please help me?

[Vladimir Stoyanov]

Hello,

I downloaded the project and the files are OK on my side. May I ask you for some additional information in order to assist you? Which program are you using to unzip the archive? Also what program are you trying to open the files with?

I am looking forward to your answer.

Regards,
Vladimir Stoyanov
Progress Telerik

[Eran]

i have ObservableCollection<Job> which RadPanelBar is bound to.

when i try to implement your solution i can't fins the way to convert from Job type to RadPanelBarItem and to set MaxHeigh.

can you please suggest how should i do that?

 

thanks in advance,

[Vladimir Stoyanov]

Hello Eran,

Since when binding the ItemsSource of the RadPanelBar to custom objects, those objects are wrapped in RadPanelBarItems before being pushed in the Items collection of the RadPanelBar, you can still access them though the ContainerFromItem method of the ItemContainerGenerator. That would look something like this:

var panelBarItem = myPanel.ItemContainerGenerator.ContainerFromItem(myPanel.Items[0]);

Please note that in the above snippet "myPanel" refers to the RadPanelBar instance that you are targeting.

Hope this helps.

Regards,
Vladimir Stoyanov
Progress Telerik

[Eran]

That was very helpful, thanks a lot.