The following tutorial shows how to create a .NET Framework WPF Application that uses the WPF.TextControl TX Text Control .NET for WPF
WPF Namespace
TextControl Class
The WPF.TextControl class class implements a control with high-level text editing features.

Creating the Project

  1. Open Visual Studio 2022 and create a new project. Select C# or Visual Basic from the Languages drop-down list, Windows from the Platform list and Desktop as the Project Type. Find the project template WPF Application and confirm with Next.

    Windows Forms

  2. Specify a project name confirm with Next.

  3. Select your preferred Framework version such as .NET 6 (Long-term support) and confirm with Create.

Adding the Control

  1. Select the project in the Solution Explorer and click Project -> Manage NuGet Packages... from the main menu.

  2. Select Text Control Offline Packages as the Package source and click Browse.

  3. Select TXTextControl.TextControl.WPF.SDK and click Install.

    Windows Forms

  4. In the XAML view, replace the Grid with a DockPanel control as shown in the below screenshot:

    Windows Forms

Connecting the Controls

In the next steps, the order in which the controls are added to the Window is important.

  1. Find the TX Text Control 31.0 tab in the Toolbox.

    Windows Forms

  2. Double-click the ButtonBar in the Toolbox to add it to the Window.

    Getting an error?

    For the first element, you will receive a warning similar to the screenshot below. To solve this, select the project in the Solution Explorer and click Rebuild Solution.

    Windows Forms

    Make sure that the Window is selected and not the inserted ButtonBar before adding the following elements.

  3. Repeat this for the RulerBar, StatusBar, a second RulerBar and finally TextControl.

  4. In the XAML, remove the Height and the Width properties for all added elements.

  5. Name all elements according to the following screenshot: buttonBar1, rulerBar1, statusBar, rulerBar2 and textControl1.

    Windows Forms

  6. Select the secondly added Ruler Bar rulerBar2 using the mouse in the Design view to change the properties in the Properties window. Browse for the DockPanel.Dock property and change it to Left.

    Windows Forms

    Additionally, set the HorizontalAlignment to Left and the VerticalAlignment to Stretch. The Design view should look like this:

    Windows Forms

  7. Now, the controls must be connected. Therefore, select textControl1 to open it's properties in the Properties window of Visual Studio. First, look for the ButtonBar property and type in the name of the added Button Bar: buttonBar1.

    Windows Forms

    Set the RulerBar property to rulerBar1, StatusBar to statusBar1 and VerticalRulerBar to rulerBar2.

  8. In the XAML, add the Loaded="textControl1_Loaded" event handler to the TextControl element as a parameter, so that the line looks like this:

    <WPF:TextControl Name="textControl1" Loaded="textControl1_Loaded"
    ButtonBar="buttonBar1" StatusBar="statusBar1" RulerBar="rulerBar1" VerticalRulerBar="rulerBar2"/>
    view raw test.xaml hosted with ❤ by GitHub

    Right-click on textControl1_Loaded and choose Go To Definition from the opened context menu. Add the following code to the event handler:

    private void textControl1_Loaded(object sender, RoutedEventArgs e)
    view raw test.cs hosted with ❤ by GitHub

    The full DockPanel XAML code should look like this:

    <WPF:ButtonBar x:Name="buttonBar1" />
    <WPF:RulerBar x:Name="rulerBar1" />
    <WPF:StatusBar x:Name="statusBar1"/>
    <WPF:RulerBar x:Name="rulerBar2" DockPanel.Dock="Left" HorizontalAlignment="Left" VerticalAlignment="Stretch"/>
    <WPF:TextControl Name="textControl1" Loaded="textControl1_Loaded"
    ButtonBar="buttonBar1" StatusBar="statusBar1" RulerBar="rulerBar1" VerticalRulerBar="rulerBar2"/>
    view raw dock.xaml hosted with ❤ by GitHub
  9. Now, press F5 to compile and start the application.