Dynamic Content

<< Click to Display Table of Contents >>

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

Dynamic Content

This option adds a collection of dynamic data fetched from your project related to the Stakeholder's Collections, Searches or Cases.

Click the Switch to Dynamic Content button to start the Connection Wizard.

 

SitesControls34

 

Select the Stakeholder and context you want to pull the data from and click Next.

Select the data source for your control.

 

SitesControls35

 

You can pull data from:

Collections: Collections have direct or indirect one-to-many relationships between the Stakeholder and another entity. These relationships are created explicitly in the data model in Bizagi Studio.

Searches: Searches are configured for a Stakeholder and context in Bizagi Studio. They display any kind of data within the project, and can potentially launch actions for the matching records.

Cases: Displays the list of pending cases of a given process, that are currently assigned to or available for the logged-in user. For each case, actions can be available if they are configured in Bizagi Studio. Users can work on a case by clicking the View case option. With this option, users can complete assigned activities from within the Site.

 

Once you've selected your data source click Next.

To finish the setup, map your data source's attributes with the available fields in the control.

 

SitesControls36

 

You can link a contextualized page to the field you're editing. To do so, select a page from the Choose page dropdown. If no pages are available, you can create a new one by clicking or create a New page.

 

SitesControls37

 

Select the entity for the page and give the page a name. Click Create to finish setting up your page with context.

 

You can set styles and display options for the field you're setting up by clicking the Edit styles button.

 

SitesControls36a

 

Depending on the field type, whether image or text field, different options appear:

 

Image settings

Style

oImage 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

oOpacity: Set the percentage of transparency of a control.

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

Border

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

oBorder type: Set the border type for the control.

oBorder color: Set the border color of the image.

 

Text field settings

Style

oUse this space with label: Set if the field has a label and its value.

Fonts

oFont family: Set the font family for a text element.

oFont size (px): Set the size of the text in the navigation panel.

oLetter spacing: Increase or decrease the space between characters.

oAlign: Set the text alignment to left, right or center.

oFont color: Set the color of the text displayed in the navigation pane. The default color depends on the selected theme.

oFont weight: Set the font's weight: normal, bold or light.

Background

oBackground color: Set the background color for the field. The default color depends on the selected theme.

 

Once you're done, click Done.

Click the Switch to Fixed Content button to populate the bundle with fixed data.