The new HTML5 based editor requires no plug-ins, but pure HTML5 and CSS. Therefore, each element of the 'out-of-the-box' usable ribbon bar can be customized and removed, if required. This enables developers to provide a slimmed down version with a selected feature set. In the following screenshot, the groups Clipboard, Styles and Editing have been removed:

TX Text Control Web: Customize the ribbon bar

Each ribbon tab, group or button is defined with a unique ID and can be removed using CSS. We prepared a CSS file that can be easily added to your ASP.NET project that helps you to remove elements from the ribbon bar. The following tutorial shows how to add the CSS file and how to remove the Save and Save As file menu options:

  1. Create a simple ASP.NET Web application based on our tutorial.
  2. Download the CSS file: textcontrol_styles.css
  3. In Visual Studio, select your created project in the Solution Explorer and choose Add Existing Item... from the Project main menu.

    In the opened dialog Add Existing Item, browse for the downloaded CSS file textcontrol_styles.css and confirm with Add.

  4. Add a reference to the CSS file to the HEAD of your ASPX page. The HEAD should look like this:

    <head runat="server">
        <title></title>
        <link href="textcontrol_styles.css" rel="stylesheet" />
    </head>
  5. Open the textcontrol_styles.css from the Solution Explorer. All ribbon tabs, groups and buttons are listed in the CSS file. Find the entries #fileMnuItemSave and #fileMnuItemSaveAs.

    Each element has an commented display property. Uncomment the property, so that the CSS entries for #fileMnuItemSave and #fileMnuItemSaveAs look like this:

    #fileMnuItemSave {
        display: none !important;
    }
    
    #fileMnuItemSaveAs {
        display: none !important;
    }
  6. Compile and start your Web application.

When opening the File menu, the options Save and Save As are not visible:

TX Text Control Web: Customize the ribbon bar

The CSS cannot be only used to remove elements from the ribbon bar. You can use all CSS properties to style various elements of the ribbon bar.