Ribbon for WinForms
フリー ツール バー
設計時のサポート > フリー ツール バー

The Floating Toolbar is a part of the Ribbon Smart Designer, which allows the user to customize different types of Ribbon Elements at design time. C1Ribbon provides visual editing to make it easier to create a Ribbon at design time. The user can set properties directly on the form using the Smart Designer Floating Toolbar.

Hovering the mouse over an item in the C1Ribbon smart designer in the form displays the ribbon element name. This is depicted in the GIF below:

Hover over smart designer

Elements Floating Toolbar
C1Ribbon

Floating toolbar of ribbon .NET 

Application Menu Floating toolbar of applicationmenu .NET
BackstageView Floating toolbar of backstage
Quick Access Toolbar Floating toolbar of qatbar .NET
Configuration Toolbar Floating toolbar of configuration-toolbar
Contextual Tab Group Floating toolbar of contextualtabgroup .NET
Ribbon Tab Floating toolbar of ribbontab .NET
Ribbon Group Floating tooldbar of tabgroup .NET
StatusBar Floating toolbar of statusbar .NET
Button Floating toolbar of button .NET
CheckBox Floating toolbar of checkbox .NET
ColorPicker Floating toolbar of colorpicker .NET
ComboBox Floating toolbar of combobox .NET
ControlHost Floating toolbar of controlhost .NET
Date Picker Floating toolbar of datepicker .NET
Font ComboBox Floating toolbar of fontcombobox .NET
Gallery Floating toolbar of gallery .NET
Label Floating toolbar of label .NET
Menu Floating toolbar of menu .NET
Numeric Box Floating toolbar of numeric-box .NET
Progress Bar Floating toolbar of progressbar .NET
Separator Floating toolbar of separator .NET
SplitButton Floating toolbar of splitbutton .NET
TextBox Floating toolbar of textbox .NET
Time Picker Floating toolbar of timepicker .NET
Toggle Button Floating toolbar of togglebutton .NET
Tool Bar Floating toolbar of toolbar .NET
Track Bar Floating toolbar of trackbar .NET
Top Toolbar Floating toolbar of toptoolbar
Bottom Toolbar Floating toolbar of bottombar
  1. Floating Toolbar for C1Ribbon(.NET Framework) has an additional option for Localization.
  2. Floating Toolbars for BackstageView, Top Toolbar and Bottom Toolbar are available only on .NET Framework.

From the table, it is evident that many ribbon elements have the same type of floating toolbar. For example, ribbon items like QAT, Configuration Toolbar, Progress Bar, Tool Bar, Track Bar, Top Toolbar and Bottom Toolbar have the same type of floating toolbar.

Floating Toolbar Options

The different types of options available in the floating toolbars are elucidated below.

Floating Toolbar
Options

Description

Action icon .NET Actions: It opens a dropdown menu that usually contains the Cut,Copy, Paste and Deleteoptions. This lets the user cut, copy, paste or delete that item. Depending on the type of Ribbon Item, more options can appear in the Actions dropdown menu. For example, the Tab Floating Toolbar has an extra option Add Group, while the Group Floating Toolbar has options like AddButton, Add CheckBoxes, Add TrackBar, Add ControlHost etc. The Contextual Tab Group has an Add Tab option to add tabs. The Actions menu in the C1Ribbon floating toolbar differs from the rest items and has unique options like Load Ribbon Template, Save Ribbon Template, Add Tab and Add Contextual Tab Group.
Change image icon .NET Change Image: Use the Change Image option to customize the appearance/icon of the item. The Change Image button now opens a window with four options specifying image sizes in advance. The user can conveniently choose from 16 x 16 px, 20 x 20 px, 32 x 32 px images or select a custom image. Clicking any one of the four options opens the Select Image editor. Refer the Icons topic to know more about the Select Image editor.
Text settings icon .NET Text settings: When the user clicks this option, the Text Setting dialog box appears. The user can add the Text, ToolTip, Cue, Label, Description etc. to the Ribbon element.
Misc settings icon .NET Miscellaneous settings: The Miscellaneous Settings option allows the user to configure certain Properties associated with an element. Note that it can vary with Ribbon elements. For example, in case of Ribbon ComboBox, TextBox and FontComboBox, the Miscellaneous Settings dialog box allows the user to edit Properties like Text Area Width, Max Text Length and Horizontal Alignment. Similarly, the TrackBar and ProgressBar has a Miscellaneous Settings dialog Box with properties like Maximum and Minimum. Likewise, the Toggle Button Miscellaneous Settings contains the ToggleGroupName property.The Miscellaneous Settings option for other Ribbon elements contains check boxes to enable or disable the respective ribbon element.
Add launcher button Add Launcher Button / Remove Launcher Button: This option allows to add or remove a dialog box launcher button to the Ribbon Group.
Quick access toolbar .NET Add to Quick Access Toolbar: This option allows the user to add the Ribbon element to QAT (Quick Access Toolbar).
Hot item list icon .NET Add to Hot Item List: This option allows the user to add the Ribbon element to the Hot Item List.
Contextual color scheme Contextual Color Scheme: It lets you change the color scheme of the Contextual Tab Group.
Hide or show icon Hide/show Ribbon items: It allows you to hide or show Ribbon items in the ribbon UI. This is available in the floating toolbar of C1Ribbon. Note that while adding more tabs or groups, the smart designer may hide some tabs or groups. But the Hide/Show Ribbon Items option lets the user get back to the first tab or group.
Localize Localize: The Localize option opens the Localize dialog box.
Localize option is available only in .NET Framework.

In-Place Caption Editing

An interesting feature of the smart designer is that it allows in-place text editing of the Ribbon element on the Form. Clicking on a Ribbon element launches the floating toolbar and a tooltip 'Click to edit item text/tabcaption'. As directed in the tooltip, the user can edit the text by simply clicking on the text label with the mouse pointer.

This is illustrated in the GIF below:

Editing in place using smart designer