The following tutorial shows how to create a .NET Framework WPF Application that uses the WPF.TextControl class.

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.

   

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.

   

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

   

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.

   

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.

   

   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.

   

6. 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"/>

   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)
   {
       textControl1.Focus();
   }

   In the XAML, set the DockPanel.Dock property of the RulerBar to Left, the HorizontalAlignment to Left and the VerticalAlignment to Stretch. The full DockPanel XAML code should look like this:

   <DockPanel>
         <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"/>
   </DockPanel>

7. Now, press F5 to compile and start the application.