# Connect Rulers, Toolbars, and a Status Bar > Connect ButtonBar, RulerBar and StatusBar to a WPF TextControl by name in XAML or code, remove ButtonBarItem buttons and set ScaleUnit and status bar areas. - **Product:** TX Text Control .NET for WPF - **Section:** Documentation - **Kind:** Topic - **Path:** TX Text Control .NET for WPF > Getting Started > Document Editor > Connect Rulers, Toolbars, and a Status Bar - **2744 words** - **Web URL:** https://docs.textcontrol.com/tx-text-control-dotnet-wpf/getting-started/document-editor/rulers-toolbars/ - **LLMs URL:** https://docs.textcontrol.com/tx-text-control-dotnet-wpf/getting-started/document-editor/rulers-toolbars/llms.txt - **LLMs-Full URL:** https://docs.textcontrol.com/tx-text-control-dotnet-wpf/getting-started/document-editor/rulers-toolbars/llms-full.txt --- Without a ribbon, the classic WPF editor window surrounds the `TextControl` with three kinds of bars: a button bar for character and paragraph formatting, rulers for margins, indents and tabs, and a status bar with the input position and the zoom. Each bar is a WPF control of its own, and the editor works with it only once the two are connected by name. The sections below explain that connection, in XAML and in code, and then change which buttons the button bar offers and what the rulers and the status bar show. ### Prerequisites - A WPF project with the package `TXTextControl.TextControl.WPF.SDK` and a `DockPanel` in *MainWindow.xaml*, as in the first sections of [Create Your First WPF Application](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/getting-started/document-editor/first-application/llms-full.txt). If you completed that tutorial, the bars are already in the window. ### The Bars | Control | Shows and sets | Connected through | |---|---|---| | [ButtonBar](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/reference/txtextcontrol-wpf/buttonbar/llms-full.txt) | Style, font, font size, zoom, character attributes, alignment, indents, text direction and lists | [TextControl.ButtonBar](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/reference/txtextcontrol-wpf/textcontrol/buttonbar-property/llms-full.txt) | | [RulerBar](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/reference/txtextcontrol-wpf/rulerbar/llms-full.txt), horizontal | Page margins, indents and tabs of the current paragraph | [TextControl.RulerBar](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/reference/txtextcontrol-wpf/textcontrol/rulerbar-property/llms-full.txt) | | `RulerBar`, vertical | The top and bottom page margins | [TextControl.VerticalRulerBar](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/reference/txtextcontrol-wpf/textcontrol/verticalrulerbar-property/llms-full.txt) | | [StatusBar](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/reference/txtextcontrol-wpf/statusbar/llms-full.txt) | The page, line and column of the input position, the zoom and other status information | [TextControl.StatusBar](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/reference/txtextcontrol-wpf/textcontrol/statusbar-property/llms-full.txt) | All four are in the toolbox tab **TX Text Control 34.0**. The `ButtonBar` is derived from the WPF `ToolBar`, and its buttons and combo boxes are ordinary items of that toolbar. ### Connect the Bars in XAML The four properties of the `TextControl` are strings: each holds the name of a bar in the same window. The following *MainWindow.xaml* declares the bars, places each one with `DockPanel.Dock` and connects them: ```xml ``` The XAML works as follows: - **Order and docking.** The bars are placed as in [Create Your First WPF Application](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/getting-started/document-editor/first-application/#add-the-editor-and-its-bars): the `TextControl` comes last and fills the rest, and the vertical ruler is the `RulerBar` docked at the left whose name goes into `VerticalRulerBar`. Here, each bar also sets `DockPanel.Dock` explicitly. - **The names.** `ButtonBar="buttonBar1"` and the other three attributes must match the `x:Name` of a bar exactly. A name that matches no bar leaves that bar unconnected. - **The ruler scale.** [ScaleUnit](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/reference/txtextcontrol-wpf/rulerbar/scaleunit-property/llms-full.txt) set to `Centimeter` shows centimeters. The default, `Auto`, chooses inches or millimeters from the current culture; `Inch` and `Millimeter` are the other values. - **The status bar.** [ShowZoomTrackBar](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/reference/txtextcontrol-wpf/statusbar/showzoomtrackbar-property/llms-full.txt) decides whether the zoom factor is shown as a track bar, which also sets it, or as a number; `False` selects the number. [ShowKeyStates](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/reference/txtextcontrol-wpf/statusbar/showkeystates-property/llms-full.txt) set to `False` hides the state of CAPS LOCK and NUM LOCK and of the insert or overwrite mode, and [ShowSection](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/reference/txtextcontrol-wpf/statusbar/showsection-property/llms-full.txt) set to `False` hides the number of the current section. In the XAML Designer, you can set the same values in the **Properties** window: select `textControl1` and type the names into **ButtonBar**, **RulerBar**, **StatusBar** and **VerticalRulerBar**, as [Create Your First WPF Application](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/getting-started/document-editor/first-application/#connect-the-bars-to-the-editor) shows. ![The Design view of a window with the button bar and the horizontal ruler at the top, the vertical ruler at the left, the page of the editor and the status bar at the bottom.](https://docs.textcontrol.com/assets/img/tx-text-control-dotnet-wpf/designer-bars-rulers.294c1249.webp) ### Connect the Bars in Code Because the properties hold names, code connects a bar with a string as well. The following lines connect the four bars of the window, for example in the constructor after `InitializeComponent`: ```csharp // Connect the bars by their names textControl1.ButtonBar = "buttonBar1"; textControl1.RulerBar = "rulerBar1"; textControl1.VerticalRulerBar = "rulerBar2"; textControl1.StatusBar = "statusBar1"; ``` An empty string disconnects a bar: after `textControl1.ButtonBar = "";`, the button bar no longer follows the text. The editor works without any bar connected. ### Remove Buttons From the Button Bar Each item of the button bar has a name, which is a value of the enumeration [ButtonBar.ButtonBarItem](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/reference/txtextcontrol-wpf/buttonbar/buttonbaritem-enumeration/llms-full.txt), such as `TXITEM_Bold`, `TXITEM_Strikeout` or `TXITEM_NumberedList`. `FindName` of WPF returns the item with that name, and the `Items` collection of the toolbar removes it. The following *MainWindow.xaml.cs* removes the buttons for strikeout and structured lists when the window is created: ```csharp using System.Windows; using TXTextControl.WPF; namespace MyWPFApp { public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); // Remove the Strikeout and the Structured List buttons RemoveButtonBarItem(ButtonBar.ButtonBarItem.TXITEM_Strikeout); RemoveButtonBarItem(ButtonBar.ButtonBarItem.TXITEM_StructuredList); } private void RemoveButtonBarItem(ButtonBar.ButtonBarItem item) { // Each item is named after its ButtonBarItem value if (buttonBar1.FindName(item.ToString()) is FrameworkElement element) { buttonBar1.Items.Remove(element); } } } } ``` The code works as follows: - `item.ToString()` turns the enumeration value into the name of the item, for example `"TXITEM_Strikeout"`. - `FindName` searches the button bar for an element with this name. The `is FrameworkElement` pattern skips the removal if no item has the name. - `Items.Remove` takes the item out of the toolbar. With `Items.Insert` and `Items.Add`, you can also move items or add controls of your own. [Toolbars and Mini Toolbars](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/document-editor/ribbon-ui/toolbars/#the-button-bar) lists all values of `ButtonBarItem`. ### Run the Application Press **F5**. The button bar lacks the two buttons, both rulers show centimeters, and the status bar shows the zoom as a number, without the section and the key states. Click into a paragraph and drag the left indent marker of the horizontal ruler: the paragraph moves, and the button bar and the status bar follow the input position. ### Next Steps - [Create a WPF Ribbon Application](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/getting-started/document-editor/ribbon/llms-full.txt): the same editor with ribbon tabs instead of the button bar. - [Load and Save Documents](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/getting-started/document-editor/load-save/llms-full.txt): open and save documents from a menu. - [Rulers and Status Bar](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/document-editor/ribbon-ui/rulers-status-bar/llms-full.txt): colors, border styles and every area of the status bar. - [Toolbars and Mini Toolbars](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/document-editor/ribbon-ui/toolbars/llms-full.txt): the button bar and the mini toolbar in detail. --- ## Nearby - **Previous:** [Add TextControl in XAML](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/getting-started/document-editor/xaml/llms-full.txt) - **Next:** [Create a WPF Ribbon Application](https://docs.textcontrol.com/tx-text-control-dotnet-wpf/getting-started/document-editor/ribbon/llms-full.txt)