diff --git a/mevislab.github.io/content/tutorials/basicmechanisms/macromodules/guidesign.md b/mevislab.github.io/content/tutorials/basicmechanisms/macromodules/guidesign.md index dbc9b2c83..42f697fd0 100644 --- a/mevislab.github.io/content/tutorials/basicmechanisms/macromodules/guidesign.md +++ b/mevislab.github.io/content/tutorials/basicmechanisms/macromodules/guidesign.md @@ -81,10 +81,6 @@ In the *Parameters* section, you can define *fields* of your macro module. These ### Module Panel Layout To create your own user interface, we need to create a {{< docuLinks "/Resources/Documentation/Publish/SDK/MDLReference/index.html#mdl_Window" "Window" >}}. A window is one of the layout elements that exist in MDL. These layout elements are called {{< docuLinks "/Resources/Documentation/Publish/SDK/MDLReference/index.html#Controls" "controls" >}}. The curled brackets define the window section, in which you can define properties of the window and insert further controls like a {{< docuLinks "/Resources/Documentation/Publish/SDK/MDLReference/index.html#mdl_Box" "Box" >}}. -{{}} -We use *Category* as the top-level layouter in the *Window* to give the inner content a small margin. Otherwise, the controls touch the border of the window and look unappealing. -{{}} - Initially, we call the window *MyWindowTitle*, which can be used to reference this window. Double-clicking {{< mousebutton "left" >}} on your module now opens your first self-developed user interface. @@ -118,6 +114,12 @@ Window MyWindowName { ![Module panel](images/tutorials/basicmechanics/ModulePanel.png "Module panel") +{{}} +We use *Category* as the top-level layouter in the *Window* to give the inner content a small margin. Otherwise, the controls touch the border of the window and look unappealing. +{{}} + +![Module panel without margin](images/tutorials/basicmechanics/ModulePanel_noMargin.png "Module panel without margin") + You can define different properties of your control. For a window, you can, for example, define a title, or whether the window should be shown in full screen (*fullscreen = Yes*). diff --git a/mevislab.github.io/content/tutorials/summary/summary3.md b/mevislab.github.io/content/tutorials/summary/summary3.md index 3c0b60c42..b66dd215c 100644 --- a/mevislab.github.io/content/tutorials/summary/summary3.md +++ b/mevislab.github.io/content/tutorials/summary/summary3.md @@ -70,15 +70,17 @@ Window { ``` {{}} -{{}} -We use *Category* as the top-level layouter in the *Window* to give the inner content a small margin. Otherwise, the controls touch the border of the window and look unappealing.{{}} - You can preview your initial layout in MeVisLab by double-clicking your module {{< mousebutton "left" >}}. ![Initial window layout](images/tutorials/summary/Example3_1.png "Initial window layout") You can see the four vertical aligned parts as defined in the *.script* file. Now, we are going to add the content of the boxes. +{{}} +We use *Category* as the top-level layouter in the *Window* to give the inner content a small margin. Otherwise, the controls touch the border of the window and look unappealing.{{}} + +![Initial window layout without margin](images/tutorials/summary/Example3_1_noMargin.png "Initial window layout without margin") + {{}} An overview over the existing layout elements in MeVisLab Definition Language (MDL) can be found {{< docuLinks "/Resources/Documentation/Publish/SDK/MDLReference/index.html#N11695" "here" >}} {{}} diff --git a/mevislab.github.io/static/images/tutorials/basicmechanics/HorizontalLayout.png b/mevislab.github.io/static/images/tutorials/basicmechanics/HorizontalLayout.png index edb585ef9..80c11afa9 100644 Binary files a/mevislab.github.io/static/images/tutorials/basicmechanics/HorizontalLayout.png and b/mevislab.github.io/static/images/tutorials/basicmechanics/HorizontalLayout.png differ diff --git a/mevislab.github.io/static/images/tutorials/basicmechanics/ModulePanel.png b/mevislab.github.io/static/images/tutorials/basicmechanics/ModulePanel.png index 1825b7061..aca100a82 100644 Binary files a/mevislab.github.io/static/images/tutorials/basicmechanics/ModulePanel.png and b/mevislab.github.io/static/images/tutorials/basicmechanics/ModulePanel.png differ diff --git a/mevislab.github.io/static/images/tutorials/basicmechanics/ModulePanel_noMargin.png b/mevislab.github.io/static/images/tutorials/basicmechanics/ModulePanel_noMargin.png new file mode 100644 index 000000000..c582ed229 Binary files /dev/null and b/mevislab.github.io/static/images/tutorials/basicmechanics/ModulePanel_noMargin.png differ diff --git a/mevislab.github.io/static/images/tutorials/basicmechanics/VerticalLayout.png b/mevislab.github.io/static/images/tutorials/basicmechanics/VerticalLayout.png index 8564e1709..3e22a2a28 100644 Binary files a/mevislab.github.io/static/images/tutorials/basicmechanics/VerticalLayout.png and b/mevislab.github.io/static/images/tutorials/basicmechanics/VerticalLayout.png differ diff --git a/mevislab.github.io/static/images/tutorials/summary/Example3_1.png b/mevislab.github.io/static/images/tutorials/summary/Example3_1.png index cd81d1dae..b7bd3f7fa 100644 Binary files a/mevislab.github.io/static/images/tutorials/summary/Example3_1.png and b/mevislab.github.io/static/images/tutorials/summary/Example3_1.png differ diff --git a/mevislab.github.io/static/images/tutorials/summary/Example3_1_noMargin.png b/mevislab.github.io/static/images/tutorials/summary/Example3_1_noMargin.png new file mode 100644 index 000000000..e6f6b45d3 Binary files /dev/null and b/mevislab.github.io/static/images/tutorials/summary/Example3_1_noMargin.png differ diff --git a/mevislab.github.io/static/images/tutorials/summary/Example3_2.png b/mevislab.github.io/static/images/tutorials/summary/Example3_2.png index 63f65fb3a..bbec3df96 100644 Binary files a/mevislab.github.io/static/images/tutorials/summary/Example3_2.png and b/mevislab.github.io/static/images/tutorials/summary/Example3_2.png differ diff --git a/mevislab.github.io/static/images/tutorials/summary/Example3_3.png b/mevislab.github.io/static/images/tutorials/summary/Example3_3.png index 0d84c77eb..d4e85bf90 100644 Binary files a/mevislab.github.io/static/images/tutorials/summary/Example3_3.png and b/mevislab.github.io/static/images/tutorials/summary/Example3_3.png differ diff --git a/mevislab.github.io/static/images/tutorials/summary/Example3_4.png b/mevislab.github.io/static/images/tutorials/summary/Example3_4.png index b67be0f9c..806e980c0 100644 Binary files a/mevislab.github.io/static/images/tutorials/summary/Example3_4.png and b/mevislab.github.io/static/images/tutorials/summary/Example3_4.png differ diff --git a/mevislab.github.io/static/images/tutorials/summary/Example3_4b.png b/mevislab.github.io/static/images/tutorials/summary/Example3_4b.png index ae9709d8d..f9303f4bc 100644 Binary files a/mevislab.github.io/static/images/tutorials/summary/Example3_4b.png and b/mevislab.github.io/static/images/tutorials/summary/Example3_4b.png differ diff --git a/mevislab.github.io/static/images/tutorials/summary/Example3_5.png b/mevislab.github.io/static/images/tutorials/summary/Example3_5.png index 841db1f9d..0f909a273 100644 Binary files a/mevislab.github.io/static/images/tutorials/summary/Example3_5.png and b/mevislab.github.io/static/images/tutorials/summary/Example3_5.png differ diff --git a/mevislab.github.io/static/images/tutorials/summary/Example5_15.png b/mevislab.github.io/static/images/tutorials/summary/Example5_15.png index 5b1f29a12..1a878781a 100644 Binary files a/mevislab.github.io/static/images/tutorials/summary/Example5_15.png and b/mevislab.github.io/static/images/tutorials/summary/Example5_15.png differ diff --git a/mevislab.github.io/static/images/tutorials/summary/Example6_1.png b/mevislab.github.io/static/images/tutorials/summary/Example6_1.png index 31885dfcb..09fb40ecb 100644 Binary files a/mevislab.github.io/static/images/tutorials/summary/Example6_1.png and b/mevislab.github.io/static/images/tutorials/summary/Example6_1.png differ diff --git a/mevislab.github.io/static/images/tutorials/summary/Example7_4.png b/mevislab.github.io/static/images/tutorials/summary/Example7_4.png index 276e3a8d8..8cc203114 100644 Binary files a/mevislab.github.io/static/images/tutorials/summary/Example7_4.png and b/mevislab.github.io/static/images/tutorials/summary/Example7_4.png differ