Template:MDBTutorialPanelPropertiesAndContext - Revision history

TeeHiet: 307292

2018-07-10T11:34:12Z

307292

Ollvihe: /* Example: Adding a Panel and Defining Properties and Context */

2018-06-10T08:18:41Z

Example: Adding a Panel and Defining Properties and Context

TeeHiet: 307187

2017-11-22T07:28:54Z

307187

Ollvihe: /* Example: Adding a Panel and Defining Panel Properties and Context */

2017-11-19T17:28:02Z

Example: Adding a Panel and Defining Panel Properties and Context

Ollvihe: /* Adding a Panel and Defining Panel Properties and Context */

2017-11-19T17:27:15Z

Adding a Panel and Defining Panel Properties and Context

Ollvihe: /* Adding a Panel and Defining Panel Properties and Context */

2017-11-19T17:23:45Z

Adding a Panel and Defining Panel Properties and Context

TeeHiet: 306959

2017-07-07T10:41:23Z

306959

TeeHiet: 307008

2017-04-28T09:29:51Z

307008

TeeHiet: 307008

2017-04-28T09:29:04Z

307008

Ollvihe: /* Adding a Panel and Defining Panel Properties and Context */

2017-04-13T14:42:25Z

Adding a Panel and Defining Panel Properties and Context

@@ Line 1: / Line 1: @@
 == Example: Adding Panel and Defining Properties and Context ==
 # Add a new Panel to the view by clicking the '''Add New Panel''' button in the side toolbar.<br>[[File:AddNewPanel.png|800px]]
-# Click the '''Properties''' button on the panel.<br>[[File:PropertiesPanel.png|800px]]
+# Click the panel to select it and then click the '''Properties''' button on the panel.<br>[[File:PropertiesPanel.png|800px]]
 # In the Panel Properties, you can define the '''Name''', '''Identifier''', and '''Description''' on the '''Properties''' tab.<br>[[File:PanelProperties.png|800px]]<br><br>In addition to normal text, you can use [[Variable Tag in QPR UI|Variable]] and [[Expression Tag in QPR UI|Expression]] tags in the panel name to enable the name to change dynamically or construct the name using an expression. For example, you could define the panel name to be '''Selected scorecard: <#sys:metricsScorecard>'''.
 # Switch to the '''Presentation''' tab. On the Presentation tab, change the '''Background color'''. Set also the '''Inner margin''' to be "5", this setting will make the presentation objects be closer to each other than with the default setting. You can also adjust the other presentation settings, see the [[Panel_Properties|Panel Properties]] page for their descriptions.<br>[[File:PanelPresentation.png|800px]]<br><br>You can also define panel specific context variable values on the '''Context''' tab. Apply the changes and close the panel properties by clicking '''Close'''.

@@ Line 1: / Line 1: @@
-== Example: Adding a Panel and Defining Properties and Context ==
+== Example: Adding Panel and Defining Properties and Context ==
 # Add a new Panel to the view by clicking the '''Add New Panel''' button in the side toolbar.<br>[[File:AddNewPanel.png|800px]]
 # Click the '''Properties''' button on the panel.<br>[[File:PropertiesPanel.png|800px]]
 # In the Panel Properties, you can define the '''Name''', '''Identifier''', and '''Description''' on the '''Properties''' tab.<br>[[File:PanelProperties.png|800px]]<br><br>In addition to normal text, you can use [[Variable Tag in QPR UI|Variable]] and [[Expression Tag in QPR UI|Expression]] tags in the panel name to enable the name to change dynamically or construct the name using an expression. For example, you could define the panel name to be '''Selected scorecard: <#sys:metricsScorecard>'''.
 # Switch to the '''Presentation''' tab. On the Presentation tab, change the '''Background color'''. Set also the '''Inner margin''' to be "5", this setting will make the presentation objects be closer to each other than with the default setting. You can also adjust the other presentation settings, see the [[Panel_Properties|Panel Properties]] page for their descriptions.<br>[[File:PanelPresentation.png|800px]]<br><br>You can also define panel specific context variable values on the '''Context''' tab. Apply the changes and close the panel properties by clicking '''Close'''.

@@ Line 1: / Line 1: @@
 == Example: Adding a Panel and Defining Properties and Context ==
 # Add a new Panel to the view by clicking the '''Add New Panel''' button in the side toolbar.<br>[[File:AddNewPanel.png|800px]]
-# Click the '''Edit''' button on the panel.<br>[[File:EditPanel.png|800px]]
+# Click the '''Properties''' button on the panel.<br>[[File:PropertiesPanel.png|800px]]
 # In the Panel Properties, you can define the '''Name''', '''Identifier''', and '''Description''' on the '''Properties''' tab.<br>[[File:PanelProperties.png|800px]]<br><br>In addition to normal text, you can use [[Variable Tag in QPR UI|Variable]] and [[Expression Tag in QPR UI|Expression]] tags in the panel name to enable the name to change dynamically or construct the name using an expression. For example, you could define the panel name to be '''Selected scorecard: <#sys:metricsScorecard>'''.
 # Switch to the '''Presentation''' tab. On the Presentation tab, change the '''Background color'''. Set also the '''Inner margin''' to be "5", this setting will make the presentation objects be closer to each other than with the default setting. You can also adjust the other presentation settings, see the [[Panel_Properties|Panel Properties]] page for their descriptions.<br>[[File:PanelPresentation.png|800px]]<br><br>You can also define panel specific context variable values on the '''Context''' tab. Apply the changes and close the panel properties by clicking '''Close'''.

@@ Line 1: / Line 1: @@
-== Example: Adding a Panel and Defining Panel Properties and Context ==
+== Example: Adding a Panel and Defining Properties and Context ==
 # Add a new Panel to the view by clicking the '''Add New Panel''' button in the side toolbar.<br>[[File:AddNewPanel.png|800px]]
 # Click the '''Edit''' button on the panel.<br>[[File:EditPanel.png|800px]]

@@ Line 1: / Line 1: @@
-== Adding a Panel and Defining Panel Properties and Context ==
+== Example: Adding a Panel and Defining Panel Properties and Context ==
 # Add a new Panel to the view by clicking the '''Add New Panel''' button in the side toolbar.<br>[[File:AddNewPanel.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''', '''Identifier''', and '''Description''' on the '''Properties''' tab.<br>[[File:PanelProperties.png|800px]]<br><br>In addition to normal text, you can use [[Variable Tag in QPR UI|Variable]] and [[Expression Tag in QPR UI|Expression]] tags in the panel name to enable the name to change dynamically or construct the name using an expression. For example, you could define the panel name to be '''Selected scorecard: <#sys:metricsScorecard>'''.
-# Switch to the '''Presentation''' tab. On the Presentation tab, change the '''Background color'''. Set also the '''Inner margin''' to be "5", this setting will make the presentation objects be closer to each other than with the default setting. You can also adjust the other presentation settings, see the [[Panel_Properties|Panel Properties]] page for their descriptions.<br>[[File:PanelPresentation.png|800px]]<br><br>You can also define panel specific context variable values on the '''Context''' tab.<br>Apply the changes and close the panel properties by clicking '''Close'''.
+# Switch to the '''Presentation''' tab. On the Presentation tab, change the '''Background color'''. Set also the '''Inner margin''' to be "5", this setting will make the presentation objects be closer to each other than with the default setting. You can also adjust the other presentation settings, see the [[Panel_Properties|Panel Properties]] page for their descriptions.<br>[[File:PanelPresentation.png|800px]]<br><br>You can also define panel specific context variable values on the '''Context''' tab. Apply the changes and close the panel properties by clicking '''Close'''.

@@ Line 3: / Line 3: @@
 # 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]]
-# 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.
+# In the Panel Properties, you can define the '''Name''', '''Identifier''', 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, change the Background color. Set also the Inner margin to be "5", this setting will make the presentation objects be closer to each other than with the default setting. You can also adjust the other presentation settings, see the [[Panel_Properties|Panel Properties]] page for their descriptions.<br>[[File:PanelPresentation.png|800px]]<br><br>You can also define panel specific context variable values on the '''Context''' tab.<br>Apply the changes and close the panel properties by clicking '''Close'''.

@@ Line 4: / Line 4: @@
 # 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.
-# Switch to the '''Presentation''' tab. See description of all available panel properties: [[Panel Properties|Panel Properties]].<br>[[File:PanelPresentation.png|800px]]<br><br>You can also define panel specific context variable values on the '''Context''' tab.<br>Apply the changes and close the panel properties by clicking '''Close'''.
+# Switch to the '''Presentation''' tab. On the Presentation tab, change the Background color. Set also the Outer margin to be "5", this setting will make the presentation objects be closer to each other than with the default setting. You can also adjust the other presentation settings, see the [[Panel_Properties|Panel Properties]] page for their descriptions.<br>[[File:PanelPresentation.png|800px]]<br><br>You can also define panel specific context variable values on the '''Context''' tab.<br>Apply the changes and close the panel properties by clicking '''Close'''.