...
| Screenshotmacro |
|---|
| Border | false |
|---|
| URL | /download/attachments/4817212/summary_panel_example.png |
|---|
|
Background
Click on theBackgroundtab The
tab allows you to configure the
background properties
for the background of your
label summary panel.
If you would like to add an image source, simply type the details in the box provided, as shown in the sceenshot below, otherwise leave blank. You can decide to repeat the image or centre it on the panel, by selecting from the drop-down list of the Image style field.
To select the background colour, click on the drop-down arrow; this will show the colour palette available. To select a standard colour, all you need to do is click on it. To add a custom colour, click on one of the blank custom colour squares and type in the RGB colour codes to add to your custom palette. You can also pick a transparent background, if you prefer. You will need to click on theApplybutton to set the chosen colour.
| Screenshotmacro |
|---|
| Border | false |
|---|
| URL | /download/attachments/4817212/summary_panel_properties_8.png |
|---|
|
If you would like to apply lighting effects to the summary panel, tick the box provided, as shown below:
| Screenshotmacro |
|---|
| Border | false |
|---|
| URL | /download/attachments/4817212/summary_panel_properties_9.png |
|---|
|
| Screenshotmacro |
|---|
| Border | false |
|---|
| URL | /download/attachments/4817212/summary_panel_properties_8.png |
|---|
|
| Field | Description |
|---|
| Image source | If you want your panel to display an image, type its source here. Remember, the path is relative to the folder on disk from which web content is served, and is different for each class of web user |
| Image style | Choose how the image should be displayed |
| Colour | Choose the background colour of the panel; if you are adding an image, you may want to select Transparent so that this does not interfere with your image. |
| Apply lighting effects to this panel | Tick this option to apply a shine effect to the entire panel; if you are using the panel to display an image, this may adversely affect how it appears |
The two examples below show the difference between panels with and without lighting effects. The panel with the slight shine has a lighting effect applied, while the solid green panel hasn't:
| Screenshotmacro |
|---|
| Border | false |
|---|
| Shadow | false |
|---|
| URL | /download/attachments/4817212/summary_lighting_example.png |
|---|
|
Metrics
To The Metrics tab allows you to define the panel's metrics to suit your particular screen, type the required pixel sizes in the boxes provided, then click on theSavebutton to save any changes madeshape of the panel, by entering values for its position and size.
| Screenshotmacro |
|---|
| Border | false |
|---|
| URL | /download/attachments/4817212/summary_panel_properties_10.png |
|---|
|
...
Summary panel - overview video
For a live demonstration on of how to design and customise a Summary summary panel, watch the video below:
| Videomacro |
|---|
| Image | summary_panel.png |
|---|
| Video | summary_panel_plus.mp4 |
|---|
|
...