Skip to main content

TdxRibbon Class

A Ribbon control.

Declaration

TdxRibbon = class(
    TdxCustomRibbon
)

Remarks

The Ribbon control allows you to create a Ribbon UI inspired by Microsoft Office® applications. A Ribbon UI arranges user commands into tabs and tab groups that include UI elements with common and related functionality.

VCL Bars: A Ribbon UI Example

Ribbon Control and Ribbon Form

We recommend that you use the TdxRibbon control together with a form derived from the TdxRibbonForm class. A Ribbon form can integrate a TdxRibbon control into its caption bar as the main application UI and display additional UI elements and toolbars in non-client areas.

Ribbon-Based Application Template

To create a new Ribbon-based application, click File | New → Other… in the main menu of your RAD Studio IDE and select the DevExpress VCL 24.1 Ribbon Based Application template in the New Items dialog.

VCL Bars: The Ribbon Form Template

Derive a Form from TdxRibbonForm in Code

To create a new Ribbon form in an existing application project, create a new form in the RAD Studio IDE, add the dxRibbonForm unit to the uses clause, and replace TForm with TdxRibbonForm in the form class declaration as follows:

uses dxRibbonForm;  // This unit declares the TdxRibbonForm class
// ...
type
  TMyForm = class(TdxRibbonForm)
  private
    { Private declarations }
  public
    { Public declarations }
  end;

Main API Members

The list below outlines key members of the TdxRibbon class. These members allow you to create and configure the Ribbon UI in your application.

General Ribbon UI Appearance Settings

BackgroundImage
Allows you to load and display a background image for Ribbon tab area and Ribbon Form non-client areas (only for supported Ribbon styles).
CapitalizeTabCaptions
Specifies if Ribbon tab captions are capitalized like in Microsoft Office® 2013.
ColorSchemeAccent | ColorSchemeName

Allows you to specify an individual skin and a Microsoft Office-inspired color accent[1] for the Ribbon UI.

Note

These settings automatically synchronize with a TdxSkinController component in the project to ensure consistent application appearance. You can set the UseGlobalSkin property to bFalse to explicitly disable global skin synchronization and use ColorSchemeName and ColorSchemeAccent properties to define a different appearance for your Ribbon UI.

DefaultUseGlobalSkin
Enables or disables synchronization with global skin and palette for all Ribbon controls in the application. The UseGlobalSkin property allows you to override this setting at the level of an individual Ribbon control.
DocumentName
Allows you to display the opened document’s name in the application title bar, similar to Microsoft Office® applications.
EnableTabAero | SupportNonClientDrawing
Allow you to decorate the parent form’s non-client areas.
Fonts
Provides access to font settings of all Ribbon UI elements.
OptionsFading
Allows you to configure fading animation effects for Ribbon UI elements.
UseGlobalSkin
Specifies if the Ribbon control synchronizes ColorSchemeName and ColorSchemeAccent properties with global skin and palette defined through a TdxSkinController component affect the current Ribbon control instance.

Ribbon UI Elements and Layout

ApplicationButton | OnApplicationMenuClick
Allow you to display and configure the Application button.
CaptionAreaSearchToolbar | TabAreaToolbar | TabAreaSearchToolbar | QuickAccessToolbar

Allow you to configure docked toolbar containers in the Ribbon UI.

Note

The Style property value limits the availability of certain toolbar containers in the Ribbon UI.

HelpButton | HelpButtonScreenTip | OnHelpButtonClick
Allow you to display and configure the Help button in the Ribbon UI.
Layout | Style
Specify the active Ribbon UI style and layout. Different styles significantly affect Ribbon UI appearance and functionality.
ShowMinimizeButton
Specifies if the Ribbon minimization button is visible.
ShowTabGroups | ShowTabHeaders
Specify if Ribbon tab groups and headers are visible.

Ribbon UI Behavior Settings

MinimizeOnTabDblClick
Specifies if users can double-click a Ribbon tab to minimize the Ribbon UI.
OnHideMinimizedByClick
Allows you to execute additional actions when a user double-clicks a Ribbon tab to minimize the Ribbon UI.
OnMinimizedChanged
Allows you to respond to Ribbon UI collapse and expand operations.

Ribbon Tab Management

ActiveTab
Specifies the active Ribbon tab.
OnTabChanged | OnTabChanging | OnTabGroupCollapsed | OnTabGroupExpanded
Allow you to respond to Ribbon tab and tab group state changes.
TabCount | VisibleTabCount
Return the total number of tabs and the number of currently visible tabs in the Ribbon UI.
Tabs | VisibleTabs
Provide access to visible and hidden Ribbon UI tabs.

General-Purpose API Members

BarManager
Specifies the parent bar manager component.
BeginUpdate | EndUpdate
Allow you to avoid excessive redraw operations during batch appearance and behavior setting changes.
Hidden
Specifies if the Ribbon UI is hidden.
Footnotes
  1. The ColorSchemeAccent property allows you to switch between Microsoft Office-inspired color accents when a built-in Ribbon skin is active and the Ribbon style is Office 2010 or newer.

See Also