Show theme settings Shopping cart Download trialFree Trial
Editing
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Context Tabs

  • dialogboxlauncherClipboard

    Clipboard
    po
  • v
    v
    popo
    dialogboxlauncherFont

    Font
    po
  • po
    dialogboxlauncherParagraph

    Paragraph
    po
  • dialogboxlauncherEditing

    Editing
    po
  • dialogboxlauncherTables

    Tables
    po
  • dialogboxlauncherIllustrations

    Illustrations
    po
  • dialogboxlauncherCharts

    Charts
    po
  • up
    down
    gpo
    Full Circular
    Half Circular
    Quarter Circular
    Linear Horizontal
    Linear Vertical
    Right Quarter Circular
    Three Forth Circular

    dialogboxlauncherGauges

    Gauges
    po
  • Arrange

    Arrange
    po
  • Styles

    Styles
    po
  • Table

    Table
    po
  • Height
    +
    -
    Width
    +
    -
    Cell Size

    Cell Sizepo
  • Aligment

    Aligment
    po
Click the 'Image' and 'Table' buttons in the client region to show/hide ribbon context tabs.
Did this demo address your needs?
If you’d like us to extend this demo further, please describe your needs below.
Thank you in advance for your cooperation.
SEND FEEDBACK


A context tab is a hidden tab that is displayed on demand, e.g., when a corresponding element, such as an image or a table, is selected. One element can correspond to several context tabs. Therefore, the tabs are combined into categories. The collection of categories is accessible by the ContextTabCategories property.

You can specify the following category properties.

  • The Name property specifies the name of the category.
  • The Color property specifies the color of a category tab's header.
  • The Tabs property contains a collection of category tabs.

To change the visibility of category tabs, use the SetContextTabCategoryVisible method.

In this demo, two context tab categories are provided.

  • The Picture tools category provides a Layout tab containing image-related items.
  • The Table tools category provides Design and Layout tabs containing table-related items.
Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxNavigationAndLayoutDemos