Difference between revisions of "Lesson 2 Tut3"

From English DMXC-Wiki
Jump to navigation Jump to search
(Pictures updated)
 
(32 intermediate revisions by 7 users not shown)
Line 1: Line 1:
<h2 style="{{Style:Hauptseite:Überschrift}}" align="center">DMXControl 3 lessons</h2>
+
{{Maintitle
<div style="{{Style:Hauptseite:Box}} background-color:#ffffff">
+
| logo = Im-aim.png
<!-- Rechte Spalte -->
+
| maintitle = First Steps: {{PAGENAME}}
<div class="floatright" style="width: 78%;  margin-top:-8px;">
+
}}
 
+
{{NavigationTop-Tut3
 +
| LinkBackwards = Lesson_1_Tut3
 +
| TextBackwards = Lesson 1
 +
| LinkForwards = Lesson_3_Tut3
 +
| TextForwards = Lesson 3
 +
}}
 
==Overview==
 
==Overview==
 +
In this lessons you will learn how to  operate with the panel system of DMXControl 3.0. You can assign your  panels in a flexible way and save and restore your favorite  configurations.
  
In this lessons you will learn how to operate with the panel system of DMXControl 3.0. You can assign your panels in a flexible way and save and restore your favorite configurations.
+
==Lecture 2: The panel concept of the DMXControl 3 client==
 
+
DMXControl 3 provides a lot of tools and windows. For different usage situations, different designs will be in focus. Therefore DMXControl uses a very flexible panel mechanism. You can create your own individual panel configurations.
==Lecture 2: The Panel concepts of DMXControl 3 client==
+
The forms in the program can be unlocked to float above the main window or can be docked to the top, bottom, left or right margins. This versatility gives you the power to build screens that are easy to use and tailored to your personal preference and to move panels to several monitors. You can drag a window by grabbing its header bar. It will turn transparent, and small icons will appear on the screen to show where you can dock the window. A panel can also be set to occupy the left-over space in the middle (pic.1).
 
 
DMXControl 3 provides a lot of tools and windows. For different use cases different forms will be in focus. Therefore DMXControl uses a very flexiblel panel mechanism. You can create your own individual panel configurations.
 
The forms in the program can be left to float above the main window or can be docked to the top, bottom, left or right margins. This versatility give you the power to build screens that are easy to use and tailored to your personal preference. Catch a form with the mouse pointer and move the pointer over one transparent arrow to dock the form at wanted place. A form can also be made to occupy the left-over space in the middle.
 
 
 
 
 
[[Datei:DMXC3L02 PanelAssignment.jpg|600px]]
 
  
 +
{{Picture_with_subtitle|DMXC3_Manual_Panel-Konzept_Example.png|1|Panel assignment shown with the project explorer.|center|960px}}
  
 +
Some important explanations:
  
Some important explanations:
+
* A "floating" form is simply one that isn’t docked to any side.  
* A floating form is simply one that isn’t docked to any side.  
+
* A pane or panel is a container for several forms.
* A pane is a container for several forms.
+
* The docking suggestion is a symbol indicating the options where a form can be docked. It is available both in the main window and in each '''pane'''. The potential position of the form is indicated by a blue rectangle.
* The docking suggestion is a symbol indicating the options where a form can be docked. It is available both in the main window as else in each pane. The potential position of the form is indicated by a blue rectangle.
+
* Forms are created via the "Windows" system and are closed with the ‘X’ in its top right corner. This will close the form but leave other forms in a pane untouched.
* Forms are created via the "Windows" menu and closed with the ‘X’ in its top right corner. This will shut the form down but leave other forms in its pane untouched.
+
* The (vertical) push-pin is the small pin icon that appears by default within docked forms that always show. Clicking the push-pin changes the forms status to hide-away form, i.e. the form becomes unpinned and disappears, but a tab is created within the pane. Note that this tab is created on the side that the form was originally docked.
* The (vertical) push-pin is the small pin icon that appears by default within docked forms that are shown permanently. Clicking the push-pin changes the forms status to hide-away form, i.e. the form becomes unpinned and disappeares, but a tab is created within the pane.
+
* Pane splitting - a pane can be split into 2 visible panes
* pane splitting - a pane can be splitted into 2 visible panes
+
* Pane sharing - several forms share a pane, but only the top one is displayed. The other ones are in status "auto hide" and show as tabs.
* pane sharing - several forms share a pane, but only the top one is displayed, the other ones are in status "auto hide"
 
  
 
===Panes===
 
===Panes===
A docking pane can accommodate more than one form. A pane is automatically created by docking a form. All forms contained are represented by a tab strip. Moving the mouse curser over the tab displays the form (but it doesn't get the focus). By clicking the tab the form is brought into front (with getting the focus).
+
A docking pane can accommodate more than one form. A pane is automatically created by docking more than one form. All forms contained are represented by a tab strip. Moving the mouse cursor over the tab displays the form (but it doesn't get the focus). By clicking the tab the form is brought into front (with getting the focus).
  
 
There are several ways for releasing docking and getting a floating window:
 
There are several ways for releasing docking and getting a floating window:
Line 40: Line 41:
  
 
Even within a panel you have new docking suggestion points for pane splitting.
 
Even within a panel you have new docking suggestion points for pane splitting.
 
  
 
===Pane-splitting===
 
===Pane-splitting===
By dragging the floating window and positioning your mouse cursor near the pane internal docking suggestion, you can get the two windows to split the space in half and see both, but with only half the space each. This can be done vertically or horizontally.
+
By dragging the floating window and positioning your mouse cursor near the pane you get an internal docking suggestion. You can get the two windows to split the space in half and see both, but with only half the space each. This can be done vertically or horizontally.
 +
In the upper example (Picture 1) the floating window "Project Explorer" would share the space with the "Programmer" if you release the mouse button.
  
 
===Pane Sharing===
 
===Pane Sharing===
As an alternative to pane-splitting, you can get your windows to share a space – they will share a single pane. You choose the form to be seen from the tabs displayed at the edge of the pane. Drag the floating form so the mouse cursor is over the top of the form.
+
As an alternative to pane-splitting, you can get your windows to share a space – they will share a single pane. You choose the form to be seen from the tabs displayed at the edge of the pane. Drag the floating form so that the mouse cursor is over the top of the form.
There are two slight variations on this, depending on the original form occupying the space. The form can be:-
+
There are two slight variations on this, depending on the original form occupying the space. The form can be:
Docked on the side
+
*Docked on the side
Filling the spare space in the middle (a ‘Document’ form)
+
*Filling the spare space in the middle (a ‘Document’ form)
  
If you add more forms to the pane than there is room to display the tab, the left and right arrows become active and can be used to show the tabs that are hidden.
+
If you add more forms to the pane than there is room to display the tab, he left and right arrows become active and can be used to show the tabs that are hidden.
  
 
===Hideaway Forms===
 
===Hideaway Forms===
When you click the push-pin at the top of the forms next the close-down ‘X’, it falls over.  
+
When you click the push-pin at the top of the forms next to the close-down ‘X’, it falls over.  
The form becomes ‘unpinned’ and appears to slide off the edge of the screen. The remaining screen re-arranges itself and the space previously taken by the hideaway form is shared out amongst the nearby forms.
+
The form becomes ‘unpinned’ and appears to slide off the edge of the screen. The remaining screen re-arranges itself and the space previously taken by the hideaway form is shared with the nearby forms (pic.2.
(CHECK:::The push-pin applies to the PANE, not to a single window in it. When forms are sharing a pane they are hidden or revealed together./CHECK)
 
  
 +
{{BoxHint
 +
| Text=The push-pin applies to the PANE, not to a single window in it. When forms are sharing a pane they are hidden or revealed together.
 +
}}
  
[[Bild:DMXC30 WindowsManager3.JPG]]
+
{{Picture_with_subtitle|DMXC3_Manual_Panel-Konzept_Hideaway_forms_hidden.png|2|View with different hideaway forms.|center|960px}}
 
+
{{Picture_with_subtitle|DMXC3_Manual_Panel-Konzept_Hideaway_forms_shown.png|3|Device control shown.|center|960px}}
In this panel configuration the left, right and buttom panel are used. The left panel is a splitted one. The right panel containes 3 auto-hide windows (see tab strip). The Live view window is floating.
 
  
 +
In this panel configuration the left, right and bottom panel are used. The left panel is a split one. The right panel contains one auto-hide window (see tab strip). The Project Explorer window is floating.
  
 
===Auto-Hide===
 
===Auto-Hide===
DockPanel has an auto-hide feature that enables valuable screen real estate to be preserved.
+
DockPanel has an auto-hide feature that can be very useful.
 
If there is any auto hide window, DockPanel will display a tab strip on the out-most edge.  
 
If there is any auto hide window, DockPanel will display a tab strip on the out-most edge.  
Auto hide window has 3 statuses: hide, mouse-hover-display and click-display.
+
An auto hide window has 3 statuses:  
In hide status, only the tab is displayed. The window itself is completely hidden. That can preserve the valuable screen to display more information.  
+
*hide  
 +
*mouse-hover-display and  
 +
*click-display.
 +
In hide status, only the tab is displayed. The window itself is completely hidden. This will preserve valuable screen space so it can display more information.  
  
 +
===Save/Restore Layout settings===
 +
You can save and restore your individual layout setting by menu ''Settings->Layout''.
  
===Further information===
+
==Further Information==
The handling of different panels is based on Dockpanel suite of Weifen Luo.
+
The handling of different panels is based on Dockpanel suite of Weifen Luo (also some text reused).
 
[http://www.codeproject.com/KB/miscctrl/DockManager.aspx]
 
[http://www.codeproject.com/KB/miscctrl/DockManager.aspx]
  
 +
==Exercise==
 +
1) Create a new form (Menu "Windows") and dock and release it at several positions
 +
<br>
 +
2) Save and reload your own panel configuration
  
'''topics to do be added (by beta testers)'''
+
{{NavigationTop-Tut3
* describe how to save a panel configuration
+
| LinkBackwards = Lesson_1_Tut3
* add screenshots
+
| TextBackwards = Lesson 1
* show examples
+
| LinkForwards = Lesson_3_Tut3
 
+
| TextForwards = Lesson 3
 
+
}}
 
+
[[de:Lektion_2_Tut3]]
==Excercise==
+
[[Category: Tutorials DMXControl 3]]
* Create a new form (Menu "Windows") and dock and relaese it at several positions
 
* Save and reload a panel configuration.
 
 
 
==Additional links and references==
 
*
 
 
 
I have understood the topics of this lecture and want to continue with next course:
 
[http://www.dmxcontrol.de/mediawiki_beta/index.php?title=Einsteiger:Lesson3/en Lecture3: Creation and patching fixtures]
 
 
 
 
 
 
 
</div>
 
 
 
<!-- Linke Spalte -->
 
<div style="{{Style:Hauptseite:Box}} width: 17%; background-color:#f5faff">
 
{{DMXC3_lesson/en}}
 
</div>
 
 
 
__NOTOC__
 
{{Languages|Einsteiger:lesson2}}
 

Latest revision as of 22:15, 29 December 2020

[[File:{{{Logo}}}|48px|link=]] {{{Pagetitle}}}
Arrow back.png Lesson 1
Lesson 3 Arrow forw.png
table of content

Overview

In this lessons you will learn how to operate with the panel system of DMXControl 3.0. You can assign your panels in a flexible way and save and restore your favorite configurations.

Lecture 2: The panel concept of the DMXControl 3 client

DMXControl 3 provides a lot of tools and windows. For different usage situations, different designs will be in focus. Therefore DMXControl uses a very flexible panel mechanism. You can create your own individual panel configurations. The forms in the program can be unlocked to float above the main window or can be docked to the top, bottom, left or right margins. This versatility gives you the power to build screens that are easy to use and tailored to your personal preference and to move panels to several monitors. You can drag a window by grabbing its header bar. It will turn transparent, and small icons will appear on the screen to show where you can dock the window. A panel can also be set to occupy the left-over space in the middle (pic.1).


Picture 1: Panel assignment shown with the project explorer.
Picture 1: Panel assignment shown with the project explorer.


Some important explanations:

  • A "floating" form is simply one that isn’t docked to any side.
  • A pane or panel is a container for several forms.
  • The docking suggestion is a symbol indicating the options where a form can be docked. It is available both in the main window and in each pane. The potential position of the form is indicated by a blue rectangle.
  • Forms are created via the "Windows" system and are closed with the ‘X’ in its top right corner. This will close the form but leave other forms in a pane untouched.
  • The (vertical) push-pin is the small pin icon that appears by default within docked forms that always show. Clicking the push-pin changes the forms status to hide-away form, i.e. the form becomes unpinned and disappears, but a tab is created within the pane. Note that this tab is created on the side that the form was originally docked.
  • Pane splitting - a pane can be split into 2 visible panes
  • Pane sharing - several forms share a pane, but only the top one is displayed. The other ones are in status "auto hide" and show as tabs.

Panes

A docking pane can accommodate more than one form. A pane is automatically created by docking more than one form. All forms contained are represented by a tab strip. Moving the mouse cursor over the tab displays the form (but it doesn't get the focus). By clicking the tab the form is brought into front (with getting the focus).

There are several ways for releasing docking and getting a floating window:

  • After creation a form is already floating
  • Double-click on the blue or grey header bar of a docked form
  • Double-click on the tab of a docked form
  • Click, hold and drag on the header bar of a form
  • Click, hold and drag on the tab of a form

Once a form is floating it can be dragged to be docked anywhere.

Even within a panel you have new docking suggestion points for pane splitting.

Pane-splitting

By dragging the floating window and positioning your mouse cursor near the pane you get an internal docking suggestion. You can get the two windows to split the space in half and see both, but with only half the space each. This can be done vertically or horizontally. In the upper example (Picture 1) the floating window "Project Explorer" would share the space with the "Programmer" if you release the mouse button.

Pane Sharing

As an alternative to pane-splitting, you can get your windows to share a space – they will share a single pane. You choose the form to be seen from the tabs displayed at the edge of the pane. Drag the floating form so that the mouse cursor is over the top of the form. There are two slight variations on this, depending on the original form occupying the space. The form can be:

  • Docked on the side
  • Filling the spare space in the middle (a ‘Document’ form)

If you add more forms to the pane than there is room to display the tab, he left and right arrows become active and can be used to show the tabs that are hidden.

Hideaway Forms

When you click the push-pin at the top of the forms next to the close-down ‘X’, it falls over. The form becomes ‘unpinned’ and appears to slide off the edge of the screen. The remaining screen re-arranges itself and the space previously taken by the hideaway form is shared with the nearby forms (pic.2.


 Important Hint The push-pin applies to the PANE, not to a single window in it. When forms are sharing a pane they are hidden or revealed together.



Picture 2: View with different hideaway forms.
Picture 2: View with different hideaway forms.


Picture 3: Device control shown.
Picture 3: Device control shown.


In this panel configuration the left, right and bottom panel are used. The left panel is a split one. The right panel contains one auto-hide window (see tab strip). The Project Explorer window is floating.

Auto-Hide

DockPanel has an auto-hide feature that can be very useful. If there is any auto hide window, DockPanel will display a tab strip on the out-most edge. An auto hide window has 3 statuses:

  • hide
  • mouse-hover-display and
  • click-display.

In hide status, only the tab is displayed. The window itself is completely hidden. This will preserve valuable screen space so it can display more information.

Save/Restore Layout settings

You can save and restore your individual layout setting by menu Settings->Layout.

Further Information

The handling of different panels is based on Dockpanel suite of Weifen Luo (also some text reused). [1]

Exercise

1) Create a new form (Menu "Windows") and dock and release it at several positions
2) Save and reload your own panel configuration

Arrow back.png Lesson 1
Lesson 3 Arrow forw.png
table of content