Customizing ListControl

[Juergen Holzer]

Hello!

I wanted to customize a listcontrol, so the items are shown horizontally side by side, without a scrollbarthumb and the scrollbuttons on the left/right side of the items.

 

I already customized the element with the ElementDesigner (removed the ScrollbarThumb and set the orientation of RadListElement/StackContainer to horizontal). But at runtime there is no difference (whole Scrollbar available and orientation vertical)

 

Maybe someone can tell me how to accomplish this. Maybe there is another control/way to realize this.

 

Thanks for any help!

Regards

Juergen

[Peter]

Hello Juergen Holzer,

Thank you for contacting us.

RadListControl does not support this mode. However, you can set the AngleTransform property of RadListElement to 90 degrees (refer to the attached screenshot) and after that, you should set the visibility of the vertical scroll bar on FormShown event. To do this, set the Visibility to Collapsed through the Edit UI Elements dialog and copy the serialized code from the InitializeComponent method to FormShown.

I hope this helps.

Regards,
Peter
the Telerik team

[Juergen Holzer]

Hello Peter!

Thanks for your great tip! I just added some more things to get my result:

AngleTransform set to 270
RightToLeft set true
TextOrientation set to Vertical
ItemHeight set to 100

So I have sort order left to right, text shown horizontal.

But scrolling with thumb doesn't work properly. I have to use the buttons. Maybe you have also an answer for this.

Thanks again!
Best regards
Juergen

[Peter]

Hello Juergen Holzer,

Thanks for writing back.

I am afraid that this issue cannot be addressed. The scrollbar element has to swap the mouse coordinates in this case, but this cannot be managed with external code. Correct handling of this scenario should be implemented in a new scrollbar element with custom logic.

Do not hesitate to contact us if you have other questions.

All the best,
Peter
the Telerik team