# TX Text Control Web: Customize the Ribbon Bar > The TX Text Control HTML5 Web editor ribbon bar is built entirely with HTML and CSS, assigning unique CSS IDs to every tab, group, and button. Developers hide or restyle ribbon elements by toggling CSS display properties in a provided stylesheet without modifying server-side code. - **Author:** Bjoern Meyer - **Published:** 2014-10-03 - **Modified:** 2026-07-17 - **Description:** The TX Text Control HTML5 Web editor ribbon bar is built entirely with HTML and CSS, assigning unique CSS IDs to every tab, group, and button. Developers hide or restyle ribbon elements by toggling CSS display properties in a provided stylesheet without modifying server-side code. - **2 min read** (375 words) - **Tags:** - HTML5 - Reporting - Tutorial - **Web URL:** https://www.textcontrol.com/blog/2014/10/03/tx-text-control-web-customize-the-ribbon-bar/ - **LLMs URL:** https://www.textcontrol.com/blog/2014/10/03/tx-text-control-web-customize-the-ribbon-bar/llms.txt - **LLMs-Full URL:** https://www.textcontrol.com/blog/2014/10/03/tx-text-control-web-customize-the-ribbon-bar/llms-full.txt --- 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](https://s1-www.textcontrol.com/assets/dist/blog/2014/10/03/a/assets/customized_ribbon.webp "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](https://s1-www.textcontrol.com/assets/dist/blog/2014/10/03/a/assets/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: ``` ``` 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](https://s1-www.textcontrol.com/assets/dist/blog/2014/10/03/a/assets/customized_filemenu.webp "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. --- ## About Bjoern Meyer As CEO, Bjoern is the visionary behind our strategic direction and business development, bridging the gap between our customers and engineering teams. His deep passion for coding and web technologies drives the creation of innovative products. If you're at a tech conference, be sure to stop by our booth - you'll most likely meet Bjoern in person. With an advanced graduate degree (Dipl. Inf.) in Computer Science, specializing in AI, from the University of Bremen, Bjoern brings significant expertise to his role. In his spare time, Bjoern enjoys running, paragliding, mountain biking, and playing the piano. - [LinkedIn](https://www.linkedin.com/in/bjoernmeyer/) - [X](https://x.com/txbjoern) - [GitHub](https://github.com/bjoerntx) --- ## Related Posts - [Creating Your First ASP.NET Reporting Application](https://www.textcontrol.com/blog/2020/01/01/creating-your-first-aspnet-reporting-application/llms.txt) - [Reporting Best Practices and How-To Guides](https://www.textcontrol.com/blog/2015/02/05/reporting-best-practices-and-how-to-guides/llms.txt) - [HTML5 Technical Considerations - The Concept Explained](https://www.textcontrol.com/blog/2014/10/16/html5-technical-considerations-the-concept-explained/llms.txt) - [TX Text Control Web: Attaching Events to Ribbon Elements](https://www.textcontrol.com/blog/2014/10/07/tx-text-control-web-attaching-events-to-ribbon-elements/llms.txt) - [Creating an ASP.NET MVC DocumentViewer Application With Razor](https://www.textcontrol.com/blog/2020/01/01/creating-an-aspnet-mvc-documentviewer-application-with-razor/llms.txt) - [Creating an ASP.NET MVC Application With Razor](https://www.textcontrol.com/blog/2020/01/01/creating-an-aspnet-mvc-application-with-razor/llms.txt) - [Creating an ASP.NET Web Forms AJAX Application](https://www.textcontrol.com/blog/2020/01/01/creating-an-aspnet-web-forms-ajax-application/llms.txt) - [Automatically Reconnect to the Server and Recover the Document](https://www.textcontrol.com/blog/2019/09/05/automatically-reconnect-to-the-server-and-recover-the-document/llms.txt) - [New Online Sample: Build your First Report](https://www.textcontrol.com/blog/2019/07/03/build-your-first-report/llms.txt) - [Create your First Document with ReportingCloud](https://www.textcontrol.com/blog/2019/02/19/create-your-first-document-with-reportingcloud/llms.txt) - [JavaScript API: Working with Merge Fields](https://www.textcontrol.com/blog/2018/03/05/javascript-api-working-with-merge-fields/llms.txt) - [Technology Preview: Embeddable HTML Widget to integrate Document Editing to Angular, React and other Frameworks](https://www.textcontrol.com/blog/2018/03/01/embeddable-html-widget-for-all-frameworks/llms.txt) - [Embedding TXTextControl.Web in non-.NET Framework applications like .NET Core and AngularJS](https://www.textcontrol.com/blog/2017/10/23/embedding-txtextcontrol/llms.txt) - [Sneak Peek X15: Custom Field Overlays in HTML5-based Text Control](https://www.textcontrol.com/blog/2017/06/21/sneak-peek-x15-custom-field-overlays-in-html5-based-text-control/llms.txt) - [New ASP.NET MVC DocumentViewer Rolled out to the ReportingCloud Portal](https://www.textcontrol.com/blog/2017/04/22/new-aspnet-mvc-documentviewer-rolled-out-to-the-reportingcloud-portal/llms.txt) - [Updated MVC Sample: Loading Files from the Backstage Menu](https://www.textcontrol.com/blog/2017/04/20/updated-mvc-sample-loading-files-from-the-backstage-menu/llms.txt) - [ASP.NET MVC: Implementing a Simplistic, Custom Button Bar](https://www.textcontrol.com/blog/2017/03/13/aspnet-mvc-implementing-a-simplistic-custom-button-bar/llms.txt) - [ASP.NET MVC: Adding Protected Sections to Documents](https://www.textcontrol.com/blog/2017/03/01/aspnet-mvc-adding-protected-sections-to-documents/llms.txt) - [ASP.NET: Adding Electronic Signatures to Documents](https://www.textcontrol.com/blog/2016/10/12/aspnet-adding-electronic-signatures-to-documents/llms.txt) - [MailMerge: Starting Each Merge Block on a New Page](https://www.textcontrol.com/blog/2016/09/09/mailmerge-starting-each-merge-block-on-a-new-page/llms.txt) - [Using an Azure Load Balancer with Web.TextControl](https://www.textcontrol.com/blog/2016/03/22/using-an-azure-load-balancer-with-webtextcontrol/llms.txt) - [Setting the Interface and Control's Culture of Web.TextControl](https://www.textcontrol.com/blog/2015/12/16/setting-the-interface-and-controls-culture-of-webtextcontrol/llms.txt) - [X13: Using IMEs and Localization in Web.TextControl](https://www.textcontrol.com/blog/2015/11/20/x13-using-imes-and-localization-in-webtextcontrol/llms.txt) - [X13: New Web Forms DocumentViewer Style](https://www.textcontrol.com/blog/2015/11/19/x13-new-web-forms-documentviewer-style/llms.txt) - [Sneak Peek X13: New Features in Web.TextControl](https://www.textcontrol.com/blog/2015/11/18/sneak-peek-x13-new-features-in-webtextcontrol/llms.txt)