Approved
Last Updated: 20 May 2019 10:48 by ADMIN
Kun
Created on: 20 May 2019 10:26
Category: RibbonBar
Type: Feature Request
1
RadRibbonBar: Add an option to scroll the button items in backstage view
It would be good to have any indication that there are more button items in the backstage view. Currently, RadRibbonBar neither shows scrollbars, no overflow button
Attached Files:
1 comment
ADMIN
Dess | Tech Support Engineer, Sr.
Posted on: 20 May 2019 10:48
Hello, Kun,

Thank you for reporting this.

Please refer to the following code snippet demonstrating a sample approach how to add scrollable button items in the backstage view.

public RadForm1()
{
    InitializeComponent();
    this.radRibbonBarBackstageView1.SizeChanged += radRibbonBarBackstageView1_SizeChanged;
}
 
private void radRibbonBarBackstageView1_SizeChanged(object sender, EventArgs e)
{
    BackstageViewElement backstageViewElemet = radRibbonBarBackstageView1.BackstageElement;
    BackstageItemsPanelElement itemsPanel = backstageViewElemet.ItemsPanelElement;
    item.MinSize = new System.Drawing.Size(200, itemsPanel.Size.Height - 10);
}
 
void RadForm1_Load(object sender, EventArgs e)
{
    BackstageViewElement backstageViewElemet = radRibbonBarBackstageView1.BackstageElement;
   
    BackstageItemsPanelElement itemsPanel = backstageViewElemet.ItemsPanelElement;
 
    RadScrollablePanel p = new RadScrollablePanel();
    RadHostItem host = new RadHostItem(p);
    host.StretchHorizontally = true;
    host.StretchVertically = true;
    p.Dock = DockStyle.Fill;
    for (int i = 0; i < 10; i++)
    {
        RadButton b = new RadButton() { Text = "Test" + i };
        b.Dock = DockStyle.Top;
        p.Controls.Add(b);
    }
     
    item.Children.Add(host);
    itemsPanel.Items.Add(item);
    this.radRibbonBarBackstageView1.BackstageViewOpened += radRibbonBarBackstageView1_BackstageViewOpened;
}
 
BackstageButtonItem item = new BackstageButtonItem();
 
private void radRibbonBarBackstageView1_BackstageViewOpened(object sender, EventArgs e)
{
    BackstageViewElement backstageViewElemet = radRibbonBarBackstageView1.BackstageElement;
    BackstageItemsPanelElement itemsPanel = backstageViewElemet.ItemsPanelElement;

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Attached Files: