Il portale di Documentazione di supporto all'uso di VisionPanel.
In the Design tab you will find templates where certain elements can be customised to better suit the communication of your company or business. There are several types. In this guide we will see how to edit the 01Landscape and 02Landscape templates of the Immagine type.
01Landscape-Immagine
In the dashboard, click on the Template panel.
Now that you are on the page with all templates, click on the Design tab.
In this tab, search for the template with the name 01Landscape-Immagine and click on Edit.
On the configuration page of this template you can edit 4 elements: the Background Image, the Overlay Color, the Text Color, the Logo Background Color and you can edit the Logo.
To change the background colour of the logo, the text and the overlay colour, simply click in the field where the colour code is and select the one you prefer. You can also define the opacity level of the colour (1). A feature that will be particularly useful in the case of this template and we will explain why in a moment.
In the Background Image field, on the other hand, you can choose the image to be used in the background of your template. You can use images that you have previously uploaded in the File Manager or the extensive library of free Unsplash images.
If you want to use your own images, proceed as follows.
Click on Select.
Once in the File Manager, choose one of the images you have previously uploaded and click on it (1). Then click on Select (2).
If you want to use an image from the free library, follow these steps.
Click on Select.
In the pop-up that appears, click on Unsplash and type in the keyword to find the background image.
Then click on the image of your choice and after being sent back to the File Manager screen click on Select again.
As we mentioned above, you can choose a background colour to apply over the image and you can determine when this colour should be opaque. How? By using the opacity parameter. If you set the value to 100%, the background image will be completely hidden; conversely, if you set it to 0%, you will not see any background colour.
To insert your company logo, on the other hand, you must click on Select.
Then click on the logo image (1) that you have previously uploaded to the File Manager and then on the Select button (2).
Remember: the logo must be 400 x 110 pixels in size
Once you have completed the changes, click on Save.
02Landscape-Immagine
In the dashboard, click on the Template panel.
Now that you are on the page with all templates, click on the Design tab.
In this tab, search for the template with the name 02Landscape-Immagine and click on Edit.
On the configuration page of this template you can change: the Background Image, the Overlay Color, the Secondary Slider Color, the Text Color, the Logo Background and you can change the Logo.
To change the colour of the overlay, text and secondary slider, simply click in the field where the colour code is and select the colour you prefer. You can also define the opacity level of the colour (1). A feature that will be particularly useful in the case of this template and we will explain why in a moment.
In the Background Image field, on the other hand, you can choose the image to be used in the background of your template. You can use images that you have previously uploaded in the File Manager or the extensive library of free Unsplash images.
If you want to use your own images, proceed as follows.
Click on Select.
Once in the File Manager, choose one of the images you have previously uploaded and click on it (1). Then click on Select (2).
If you want to use an image from the free library, follow these steps.
Click on Select.
In the pop-up that appears, click on Unsplash and type in the keyword to find the background image.
Then click on the image of your choice and after being sent back to the File Manager screen click on Select again.
As we mentioned above, you can choose a background colour to apply over the image and you can determine when this colour should be opaque. How? By using the opacity parameter. If you set the value to 100%, the background image will be completely hidden; conversely, if you set it to 0%, you will not see any background colour.
To insert the company logo, as already explained for the 01Landscape, you must click on Select, click on the logo image that you have previously uploaded to the File Manager and then on the Select button. For the dimensions of the logo, you can refer to those indicated above.
When editing a template, you can change its name on the Configuration page. In the Style name field (1) enter the name you want to assign to the template and then click Save as copy (2). In this way, the changes you make to that layout will be saved as a stand-alone template that you can reuse whenever you need it.
To assign the template you have just edited to one or more of your workstations, simply click on the Devices Assignment tab and tick the checkbox next to the workstations on which you wish to use it.
To preview the final result, open the Device panel in another tab and click on the preview of one of the stations to which you have assigned this template.
If you are satisfied with the result, you can refresh the device.