Changes
{{UnderConstructionStart}}
Since version 5.1 {{Version/ServerSince|5.1}} 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>
<!-- DO NOT REMOVE THIS -->{{Template:HowTo/Begin}}<!-- DO NOT REMOVE THIS -->
= User Control =
The existing User Control list can be extended to provide additional controls.<br>[[File:ControlDropDown.png|thumb|left|220px|Extended user control list]] <br><br><br><br><br><br><br><br><br><br><br><br><br><br>==== Implementation ====1. Paste your User Control UserControl into your plugin solution.<br>2. Make your plugin implement UserControl implements IUBIKEnvironmentControl and add the export.<br><syntaxhighlight lang="pythoncsharp">
[Export(typeof(IUBIKControl))]
public partial class CtrlAtelierHost TestUserControl: UserControl, IUBIKEnvironmentControl
</syntaxhighlight>
3. The user control now has a property Description and Image.<br>4. Set the properties in the constructor of the User Control. The text of description and the image will show up in the User Control List.<syntaxhighlight lang="csharp"> public TestUserControl() { InitializeComponent(); Description = "test control"; Image = image; }</syntaxhighlight>5. After making the changes make sure to update the plugin in the injection folder. [[File:ControlDropDown.png|thumb|220px|Extended user control list]]<br><br>
= Window =
