Media

<< Click to Display Table of Contents >>

Navigation:  Bizagi Studio > Sites > Sites Editor > Building a site > Sites Designer > Site Controls >

Media

Presents media handling controls: image, maps and simple map.

 

SitesControls14

 

Image content

When you add an image to your site, you can upload a file or obtain the image from a URL. The following formats are supported: .png, .jpg and .jpeg.

 

SitesControls27

 

When the page is contextualized, you can define whether the content is dynamic or static using the property Context data. When Context data is turned on, you can select an XPath for the image.

 

SitesControls40

 

Image Settings

These properties let you customize the Media control. You can return to the default values when you click the Reset button.

 

Style

Arrange: Set the location of the control in relation to other page contents. You can bring the control to the front, send it to the back, or move it forward or backward one layer.

Image Size: Set how the image fits in the field. Original size keeps the image proportions inside the field. Scale to fill stretches the image, keeping it's original proportions, to fill the field.

 

Background

Opacity: Set the percentage of transparency of a control.

Background color: Set the background color for the control. The default color depends on the selected theme.

 

Border

Border size: Set the border size of the image in pixels.

Border type: Set the border type for the control.

Border color: Set the border color of the image.

 

 

Map content

When you add a map control you can set the following contents:

 

SitesControls28

 

Search place: Where your pin will be located in the map.

Text: Provide a descriptive text below the pin icon.

Title: Provide the name of the location selected.

 

The simple map, as it name implies, has a simpler interface. With the following settings:

Search place: Where your pin will be located in the map.

Label Text: Provide a descriptive text for the pin.

 

Maps Settings

 

SitesControls28aSitesControls28bSitesControls28c

 

Style

Arrange: Set the location of the control in relation to other page contents. You can bring the control to the front, send it to the back, or move it forward or backward one layer.

Show pin: Make the pin visible when it is enabled. You can also choose the pin color.

Zoom: Set the map's zoom.

 

Fonts

Text color: Set the color for the map title. The default color depends on the theme selected.

Content font color: Set the color for the map text. The default color depends on the theme selected.

 

Border

Border size: Set the border size in pixels.

Border type: Set the border type for the control.

Border color: Set the border color.

 

Background

Background color: Set the background color for the control. The default color depends on the selected theme.

 

Simple Map Settings

Style

Arrange: Set the location of the control in relation to other page contents. You can bring the control to the front, send it to the back, or move it forward or backward one layer.

Pin info color: Define the color for the location icon.

Show marker: set the visibility of the marker.

Zoom: Set the map's zoom.

 

Fonts

Pin info text color: Define the color for the text in the location icon.

Show label: set the visibility of the label.