HowTo:Inject UI into UBIK Studio - Revision history

NWE at 20:52, 17 June 2026

2026-06-17T20:52:17Z

DAK at 13:17, 17 June 2026

2026-06-17T13:17:43Z

DAK at 13:15, 17 June 2026

2026-06-17T13:15:30Z

DAK at 13:11, 17 June 2026

2026-06-17T13:11:01Z

DAK at 12:05, 17 June 2026

2026-06-17T12:05:50Z

DAK at 11:38, 17 June 2026

2026-06-17T11:38:33Z

DAK at 11:28, 17 June 2026

2026-06-17T11:28:22Z

DAK at 11:26, 17 June 2026

2026-06-17T11:26:50Z

DAK at 11:26, 17 June 2026

2026-06-17T11:26:08Z

DAK at 11:25, 17 June 2026

2026-06-17T11:25:53Z

@@ Line 1: / Line 1: @@
-Since version 5.2 {{Version/ServerSince|5.2}} it is possible to inject UI into {{UBIK}} Studio.<br>
+Since version 5.2 {{Version/ServerSince|5.2.0}} it is possible to inject UI into {{UBIK}} Studio.<br>
 The injected UI can be displayed inside a User Control and or Window.<br>
 This article will explain how to inject the desired UI.<br>

@@ Line 34: / Line 34: @@
 === Goal ===
 The goal is to extend the toolbar by injecting a button that opens the desired window.<br>
-In addition, the “View” menu will be extended with a new entry that also opens the window.<br>
+In addition, the “View” menu will be extended with a new entry that also opens the window.
 [[File:InjectedButton.png|thumb|left|298px|Injected button]]
 [[File:InjectedMenuEntry.png|thumb|left|508px|Injected menu entry]]

@@ Line 1: / Line 1: @@
 Since version 5.2 {{Version/ServerSince|5.2}} it is possible to inject UI into {{UBIK}} Studio.<br>
 The injected UI can be displayed inside a User Control and or Window.<br>
-This article will help you to inject your UI.<br>
+This article will explain how to inject the desired UI.<br>
 <!-- DO NOT REMOVE THIS -->{{Template:HowTo/Begin}}<!-- DO NOT REMOVE THIS -->
 = User Control =
 ===Goal===
 The goal is to extend the existing user control list with the injected user control.<br>
-The mentioned list pops up every time you drag an instance to a new tab header.
+The mentioned list pops up every time an instance is dragged to a new tab header.
 [[File:InjectedUserControl.png|thumb|left|735px|Extended user control list]]
 <br clear="all" />

@@ Line 1: / Line 1: @@
 Since version 5.2 {{Version/ServerSince|5.2}} it is possible to inject UI into {{UBIK}} Studio.<br>
 The injected UI can be displayed inside a User Control and or Window.<br>
-This article will help you to inject your UI!<br>
+This article will help you to inject your UI.<br>
 <!-- DO NOT REMOVE THIS -->{{Template:HowTo/Begin}}<!-- DO NOT REMOVE THIS -->
 = User Control =
 ===Goal===
 The goal is to extend the existing user control list with the injected user control.<br>
 The mentioned list pops up every time you drag an instance to a new tab header.
 === Implementation ===
-# Create or reuse a vs .NET library (DLL) project - it doesn't have to be a {{UBIK}} Module.<br>
+# Create or reuse a vs .NET library (DLL) project - it doesn't have to be a {{UBIK}} Module.
-# Add the designated control as a class deriving from System.Windows.Forms.UserControl to the project.<br>
+# Add the designated control as a class deriving from System.Windows.Forms.UserControl to the project.
-# Implement the interface IUBIKEnvironmentControl for the control.<br>
+# Implement the interface IUBIKEnvironmentControl for the control.
-# For automatic injection, add the "Export" Attribute with the "IUBIKControl" type parameter to the designated control.<br>
+# For automatic injection, add the "Export" Attribute with the "IUBIKControl" type parameter to the designated control.
-<syntaxhighlight lang="csharp">
+#;<syntaxhighlight lang="csharp">
 [Export(typeof(IUBIKControl))]
 public partial class TestUserControl: UserControl, IUBIKEnvironmentControl
 </syntaxhighlight>
-# The user control now has a property Description and Image.<br>
+# The user control now has a property Description and Image.
 # Set the properties in the user control's constructor. The image and description can be loaded directly from the .NET project's resources. These values will then be displayed in the User Control list.
-<syntaxhighlight lang="csharp">
+#;<syntaxhighlight lang="csharp">
    public TestUserControl()
+   {
@@ Line 27: / Line 28: @@
+   }
 </syntaxhighlight>
-# Provide the updated DLL containing your user control in UBIK® Studio's [[Injection_Management#Injection_Folder.28s.29|Injection]] folder.<br>
+# Provide the updated DLL containing your user control in UBIK® Studio's [[Injection_Management#Injection_Folder.28s.29|Injection]] folder.
-# After connecting to a database with UBIK® Studio, the new control can be accessed by right-clicking or dragging a UBIK® object on a tab header - it should appear in the list of possible controls.<br><br>
+# After connecting to a database with UBIK® Studio, the new control can be accessed by right-clicking or dragging a UBIK® object on a tab header - it should appear in the list of possible controls.
 = Window =
@@ Line 35: / Line 36: @@
 In addition, the “View” menu will be extended with a new entry that also opens the window.<br>
 [[File:InjectedButton.png|thumb|left|298px|Injected button]]
-[[File:InjectedMenuEntry.png|thumb|left|508px|Injected menu entry]]<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+[[File:InjectedMenuEntry.png|thumb|left|508px|Injected menu entry]]
 === Implementation ===
-# Create or reuse a vs .NET library (DLL) project - it doesn't have to be a {{UBIK}} Module.<br>
+# Create or reuse a vs .NET library (DLL) project - it doesn't have to be a {{UBIK}} Module.
-# Add the designated window as a class deriving from System.Windows.Window to the project.<br>
+# Add the designated window as a class deriving from System.Windows.Window to the project.
-# Create a new class.<br>
+# Create a new class.
-# Implement the inferface IUBIKWindowFactory for the new class.<br>
+# Implement the inferface IUBIKWindowFactory for the new class.
-# For automatic injection, add the "Export" Attribute with the "IUBIKWindowFactory" type parameter to the designated class.<br>
+# For automatic injection, add the "Export" Attribute with the "IUBIKWindowFactory" type parameter to the designated class.
-<syntaxhighlight lang="csharp">
+#;<syntaxhighlight lang="csharp">
 [Export(typeof(IUBIKWindowFactory))]
 public class TestWindowFactory : IUBIKWindowFactory
@@ Line 57: / Line 59: @@
+}
 </syntaxhighlight>
-# The class now has a Icon and Label property.<br>
+# The class now has a Icon and Label property.
-# Set the values for both properties. The icon and label can be loaded directly from the .NET project's resources (example above). The button and the menu entry will display the values.<br>
+# Set the values for both properties. The icon and label can be loaded directly from the .NET project's resources (example above). The button and the menu entry will display the values.
-# In the GetWindow method, return your window (step 2).<br>
+# In the GetWindow method, return your window (step 2).
-# Provide the updated DLL containing your window in UBIK® Studio's [[Injection_Management#Injection_Folder.28s.29|Injection]] folder.<br>
+# Provide the updated DLL containing your window in UBIK® Studio's [[Injection_Management#Injection_Folder.28s.29|Injection]] folder.
-# After connecting to a database with UBIK® Studio, the new window can be accessed with the new button in the toolbar as well as under the "View" menu.<br><br>
+# After connecting to a database with UBIK® Studio, the new window can be accessed with the new button in the toolbar as well as under the "View" menu.
 <!-- DO NOT REMOVE THIS -->{{Template:HowTo/End}}<!-- DO NOT REMOVE THIS -->

@@ Line 4: / Line 4: @@
 <!-- DO NOT REMOVE THIS -->{{Template:HowTo/Begin}}<!-- DO NOT REMOVE THIS -->
 = User Control =
 ===Goal===
 The goal is to extend the existing user control list with the injected user control.<br>
 The mentioned list pops up every time you drag an instance to a new tab header.
 === Implementation ===
-. Create or reuse a vs .NET library (DLL) project - it doesn't have to be a {{UBIK}} Module.<br>
+# Create or reuse a vs .NET library (DLL) project - it doesn't have to be a {{UBIK}} Module.<br>
-. Add the designated control as a class deriving from System.Windows.Forms.UserControl to the project.<br>
+# Add the designated control as a class deriving from System.Windows.Forms.UserControl to the project.<br>
-. Implement the interface IUBIKEnvironmentControl for the control.<br>
+# Implement the interface IUBIKEnvironmentControl for the control.<br>
-. For automatic injection, add the "Export" Attribute with the "IUBIKControl" type parameter to the designated control.<br>
+# For automatic injection, add the "Export" Attribute with the "IUBIKControl" type parameter to the designated control.<br>
 <syntaxhighlight lang="csharp">
 [Export(typeof(IUBIKControl))]
 public partial class TestUserControl: UserControl, IUBIKEnvironmentControl
 </syntaxhighlight>
-. The user control now has a property Description and Image.<br>
+# The user control now has a property Description and Image.<br>
-. Set the properties in the user control's constructor. The image and description can be loaded directly from the .NET project's resources. These values will then be displayed in the User Control list.
+# Set the properties in the user control's constructor. The image and description can be loaded directly from the .NET project's resources. These values will then be displayed in the User Control list.
 <syntaxhighlight lang="csharp">
    public TestUserControl()
@@ Line 28: / Line 27: @@
+   }
 </syntaxhighlight>
-. Provide the updated DLL containing your user control in UBIK® Studio's [[Injection_Management#Injection_Folder.28s.29|Injection]] folder.<br>
+# Provide the updated DLL containing your user control in UBIK® Studio's [[Injection_Management#Injection_Folder.28s.29|Injection]] folder.<br>
-. After connecting to a database with UBIK® Studio, the new control can be accessed by right-clicking or dragging a UBIK® object on a tab header - it should appear in the list of possible controls.<br><br>
+# After connecting to a database with UBIK® Studio, the new control can be accessed by right-clicking or dragging a UBIK® object on a tab header - it should appear in the list of possible controls.<br><br>
 = Window =
@@ Line 39: / Line 38: @@
 === Implementation ===
-. Create or reuse a vs .NET library (DLL) project - it doesn't have to be a {{UBIK}} Module.<br>
+# Create or reuse a vs .NET library (DLL) project - it doesn't have to be a {{UBIK}} Module.<br>
-. Add the designated window as a class deriving from System.Windows.Window to the project.<br>
+# Add the designated window as a class deriving from System.Windows.Window to the project.<br>
-. Create a new class.<br>
+# Create a new class.<br>
-. Implement the inferface IUBIKWindowFactory for the new class.<br>
+# Implement the inferface IUBIKWindowFactory for the new class.<br>
-. For automatic injection, add the "Export" Attribute with the "IUBIKWindowFactory" type parameter to the designated class.<br>
+# For automatic injection, add the "Export" Attribute with the "IUBIKWindowFactory" type parameter to the designated class.<br>
 <syntaxhighlight lang="csharp">
 [Export(typeof(IUBIKWindowFactory))]
@@ Line 58: / Line 57: @@
+}
 </syntaxhighlight>
-. The class now has a Icon and Label property.<br>
+# The class now has a Icon and Label property.<br>
-. Set the values for both properties. The icon and label can be loaded directly from the .NET project's resources (example above). The button and the menu entry will display the values.<br>
+# Set the values for both properties. The icon and label can be loaded directly from the .NET project's resources (example above). The button and the menu entry will display the values.<br>
-. In the GetWindow method, return your window (step 2).<br>
+# In the GetWindow method, return your window (step 2).<br>
-. Provide the updated DLL containing your window in UBIK® Studio's [[Injection_Management#Injection_Folder.28s.29|Injection]] folder.<br>
+# Provide the updated DLL containing your window in UBIK® Studio's [[Injection_Management#Injection_Folder.28s.29|Injection]] folder.<br>
-. After connecting to a database with UBIK® Studio, the new window can be accessed with the new button in the toolbar as well as under the "View" menu.<br><br>
+# After connecting to a database with UBIK® Studio, the new window can be accessed with the new button in the toolbar as well as under the "View" menu.<br><br>
 <!-- DO NOT REMOVE THIS -->{{Template:HowTo/End}}<!-- DO NOT REMOVE THIS -->

@@ Line 48: / Line 48: @@
 public class TestWindowFactory : IUBIKWindowFactory
+{
-     public Bitmap Icon =>Properties.Resources.IntelligentAtelierImage;
+     public Bitmap Icon =>Properties.Resources.MyImage;
-     public string Label => Properties.Resources.IntelligentAtelierLabel;
+     public string Label => Properties.Resources.MyLabel;
      public Window GetWindow(UBIKEnvironment env)