We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Ribbon Bar docked on the right

I have two ribbon bars. The flow direction is LeftToRight but i want the second bar to always be docked at the right . Something like the Image i'm attaching. Is this possible?

Attachment: kXcUT_3975cf2e.zip

3 Replies

SM Sugapriya Mariappan Syncfusion Team August 27, 2015 12:38 PM UTC

Hi George,

Thank you for contacting Syncfusion support

Currently we don’t have support to place the RibbonBar at the right.But we have prepared a workaround which tries to meet your requirement. In the sample, to place the ribbon bar at the right side, we have subtracted the width of RibbonBar from the width of the ribbon and passed the calculated width as the Margin value for the left side in the Ribbon Size changed event.

Please download the sample from the below link
Sample link:RibbonSample

Please let us know if you have any concern

Regards,
M.Sugapriya


GS George Sterg August 27, 2015 02:40 PM UTC

The sample has some issues with the collapse mode. My ribbon buttons are in Large sizeForm. When the window is maximized (default state) the left ribbon bar is in collapsed mode and should not be (the available space is enough). Also when in  the window is normal an is been resized the bars should  be in collapsed mode when the space is not enough. I'm attaching the updated sample.

Attachment: RibbonBarDockedRightSample_d7601527.zip


SM Sugapriya Mariappan Syncfusion Team August 28, 2015 12:55 PM UTC

Hi George,

Sorry for the inconvenience caused

Currently we don’t have direct support to place the RibbonBar at the Right Side. But we have prepared a work around sample which tries to meet your requirement. In the sample, in order to place the RibbonBar at the Right Side, we have added a Dummy RibbonBar and set its width by subtracting the width of the remaining RibbonBars and the Button which is present inside the RibbonTabItemsControl from the width of RibbonTabItemsControl.Now the RibbonBar does not get collapsed

Please download the modified sample from the below link
Sample link:RibbonBarDockedRightSample_(2)

Please let us know if you need any other assistance

Regards,
M.Sugapriya

Loader.
Live Chat Icon For mobile
Up arrow icon