Automatically wrap RibbonElements in RibbonButtonGroup

[AMF]

Hello,

I am programatically trying to add an arbitrary number of checkboxes (RadCheckBoxElements) to a Vertically aligned ButtonGroup in a RibbonBar. The problem I encounter, is when the number of Elements exceeds three/four, the elements appear 'behind' the edge of the ribbonbar: the list of elements is not continued in an imaginary adjacent column, if you will. In a textual representation, this is what I have now:

===Bar===
[ ] CheckBox1
[ ] CheckBox2
[ ] CheckBox3
===Bar===
[ ] CheckBoxn (appears partly or wholly below bar edge)

What I want to achieve is:
===Bar===
[ ] CheckBox1  [ ] CheckBox4
[ ] CheckBox2  [ ] CheckBoxn
[ ] CheckBox3
===Bar===

Could you help me with this? Thanks in advance!

[Peter]

Hi Amf,

Thank you for contacting us.

I can suggest setting RibbonBarGroup's Orientation to Horizontal and adding other
RadRibbonBarButtonGroups elements that are Vertically oriented in this group. Finally, you should add three check boxes in each vertically oriented group.

I hope this helps.

All the best,
Peter
the Telerik team

[steven littleford]

Yes..... this will work fine if we are talking about checkboxes. What if we are talking about Radio Buttons?
Each set of radio buttons in a group works independently of the radio buttons in another group, so if you have 8 options then this solution will not work.

Regards
Steve

[Peter]

Hello Steve,

Thank you for contacting Telerik support.

I can confirm that this case is not covered and RadioButtons should be in same group in order to work together. I cannot propose a workaround for this case due to the control implementation. 

Please, excuse us for the introduced inconvenience. Do not hesitate to contact us if you have other questions.

Greetings,
Peter
the Telerik team

[Curtis]

Hey there,

I was just curious if this is a feature that might make it in a release in the future? I understand it may physically not be possible due to control implementations.

[Peter]

Hi Curtis,

Thank you for writing and for sharing your thoughts.

Due to the nature of the issue we are not able to provide an automatic solution for it because these RadRadioButtons are placed in different groups/panels and they does not have a common parent.
You can handle a ToggleStateChanged event for each RadioButtonElement and manually set the state of the the other RadioButtonElements.

Please let me know if you have further questions.

Regards,
Peter
Telerik

[Hayley]

Hi,

Given this post is 9 years old, I was wondering if its possible to achieve this now without using multiple RadRibbonBarButtonGroups? I have a dynamic number of RadButtonElements added to a RadRibbonBarGroup that I would like to display vertically and wrap into columns. Is this possible?

[Dess | Tech Support Engineer, Principal]

Hi, Hayley,

RadRibbonBar has a fixed height. Hence, it uses RadRibbonBarGroups to arrange the items either in horizontal or vertical orientation. There is no change in the internal implementation regarding the wrapping functionality you are looking for. Feel free to use the previously suggested approach with multiple vertical ribbon groups to simulate the columns.