Difference between revisions of "Template:MDBTutorialPanelPropertiesAndContext"

From Mea Wiki
Jump to navigation Jump to search
(306980)
(306953)
Line 3: Line 3:
 
# Click the '''Edit''' button on the panel.<br>[[File:EditPanel.png|800px]]
 
# Click the '''Edit''' button on the panel.<br>[[File:EditPanel.png|800px]]
 
# To give a Name and a Description for the panel, open the panel properties by clicking the '''Properties''' button.<br>[[File:OpenPanelProperties.png|800px]]
 
# To give a Name and a Description for the panel, open the panel properties by clicking the '''Properties''' button.<br>[[File:OpenPanelProperties.png|800px]]
# In the Panel Properties, you can define the '''Name''' and '''Description''' on the '''Properties''' tab.<br>[[File:PanelProperties.png|800px]]<br>In addition to normal text, you can use context variables in the Name field, so that the value of the variable will be shown when the context variable has a value. To do this, type the context variable name in the format "'''{#contextvariablename}'''" For example, you could define the Name of the panel to be "Selected scorecard: {#sys:metricsScorecard}."<br>If the name contains context variable separator characters ({ or }) or an escape character (\), the characters need to be escaped by the backslash (\) character before them. For example, to have "my{0}\example" working properly, it needs to be entered as "my\{0\}\\example".<br>This same functionality is available in presentation object names too.<br><br>You can also define panel specific context variable values on the '''Context''' tab.<br><br>You can hide the panel header from the view by selecting the "'''Hide panel header'''" check box.<br><br>To hide the full screen mode icon of the panel, select the "'''Hide full screen mode icon'''" check box.<br><br>Apply the changes and close the panel properties by clicking '''Close'''.
+
# In the Panel Properties, you can define the '''Name''' and '''Description''' on the '''Properties''' tab.<br>[[File:PanelProperties.png|800px]]<br>In addition to normal text, you can use context variables in the Name field, so that the value of the variable will be shown when the context variable has a value. To do this, type the context variable name in the format "'''{#contextvariablename}'''" For example, you could define the Name of the panel to be "Selected scorecard: {#sys:metricsScorecard}."<br>If the name contains context variable separator characters ({ or }) or an escape character (\), the characters need to be escaped by the backslash (\) character before them. For example, to have "my{0}\example" working properly, it needs to be entered as "my\{0\}\\example".<br>This same functionality is available in presentation object names too.
 +
# Switch to the '''Presentation''' tab. On the Presentation tab, you can hide the panel header from the view by selecting the "'''Hide panel header'''" check box.<br>To hide the full screen mode icon of the panel, select the "'''Hide full screen mode icon'''" check box.<br>[[File:PanelPresentation.png|800px]]<br>The '''Aspect ratio flex''' determines how much the initial aspect ratio of the panel is allowed to change in different sized screens. After the "Initial aspect ratio * Aspect ratio flex" limit is reached, the panel is either vertically scrollable or there is empty space in the bottom, i.e. the panel contents will always use all space horizontally when viewed.<br><br>You can also define panel specific context variable values on the '''Context''' tab.<br><br>Apply the changes and close the panel properties by clicking '''Close'''.

Revision as of 07:45, 3 April 2017

Adding a Panel and Defining Panel Properties and Context

  1. Add a new Panel to the view by clicking the Add New Panel button in the side toolbar.
    AddNewPanel.png
  2. Click the Edit button on the panel.
    800px
  3. To give a Name and a Description for the panel, open the panel properties by clicking the Properties button.
    OpenPanelProperties.png
  4. In the Panel Properties, you can define the Name and Description on the Properties tab.
    PanelProperties.png
    In addition to normal text, you can use context variables in the Name field, so that the value of the variable will be shown when the context variable has a value. To do this, type the context variable name in the format "{#contextvariablename}" For example, you could define the Name of the panel to be "Selected scorecard: {#sys:metricsScorecard}."
    If the name contains context variable separator characters ({ or }) or an escape character (\), the characters need to be escaped by the backslash (\) character before them. For example, to have "my{0}\example" working properly, it needs to be entered as "my\{0\}\\example".
    This same functionality is available in presentation object names too.
  5. Switch to the Presentation tab. On the Presentation tab, you can hide the panel header from the view by selecting the "Hide panel header" check box.
    To hide the full screen mode icon of the panel, select the "Hide full screen mode icon" check box.
    PanelPresentation.png
    The Aspect ratio flex determines how much the initial aspect ratio of the panel is allowed to change in different sized screens. After the "Initial aspect ratio * Aspect ratio flex" limit is reached, the panel is either vertically scrollable or there is empty space in the bottom, i.e. the panel contents will always use all space horizontally when viewed.

    You can also define panel specific context variable values on the Context tab.

    Apply the changes and close the panel properties by clicking Close.