Repeater Properties

From Mea Wiki
Jump to navigation Jump to search

Properties

In the Repeater Properties, you can define the following:

  • Name: Name of the Repeater. Name is not visible to the dashboard viewers, but it can be used to define a short description for dashboard designer persons. Maximum length is 100 characters.
  • Identifier: The identifier of the Repeater. The identifier should be some unique text that distinguishes the Repeater in the QPR MobileDashboard environment. The identifier is case-sensitive, it should not contain / (slash) characters, and the maximum length is 2048 characters.
  • Description: Description of the Repeater. The description is not visible in the dashboard but it can be used to document the dashboard design.

Presentation

The Repeater's Presentation tab contains the following settings:

  • Aspect ratio flex: Decimal number determining how much the repeater content's aspect ratio (width divided by height) is allowed to vary. Note that this setting doesn't affect the aspect ratio of the repeater itself in a panel (it's determined in the panel designer), but only its contents.
    • Repeater has a design aspect ratio which is determined by how presentation objects are arranged in the repeater designer. Note that the whole available design area doesn't matter - only the actual presentation objects determine the shown area and the design aspect ratio.
    • Aspect ratio calculation rule: If design aspect ratio is A and aspect ratio flex is B, repeater's aspect ratio is allowed to change between A/B and A*B. Example: If design aspect ratio is 2 and aspect ratio flex is 4, repeater's aspect ratio is allowed to vary between 0.5 and 8 (2/4=0.5 and 2*4=8).
    • Repeater contents always take all available space horizontally. If the aspect ratio's lower limit is reached (i.e. repeater contents is not allowed use all available space vertically), there may be empty space in the bottom of the repeater. If the aspect ratio's higher limit is reached (i.e. repeater contents doesn't fit vertically), the repeater has a vertical scrollbar.
    • The aspect ratio flex is useful e.g. for presentation objects which don't work properly if the aspect ratio stretches to too extreme.
  • Item minimum width (px): The smallest width, in pixels, that a single repeated item should have.
  • Item maximum width (px): The biggest width, in pixels, that a single repeated item should have.
  • Vertical centering: Selecting this will center the repeated items vertically inside the Repeater.
  • Horizontal centering: Selecting this will center the repeated items horizontally inside the Repeater.
  • Background color: Background color of the Repeater content area.

Data Source

On the Data Source tab, you can select the Data Grid or table from which the Repeater will read its data.

Context

The Context tab is used to set the Context of the Repeater. A "Default" context value defined here will be used in the repeated items in case the Repeater isn't able to find the context variable references needed by the items from the Repeater's data source.

Add a Repeater and repeated content to a panel

  1. Add a Repeater Presentation Object to the panel by clicking the Repeater Presentation Object button on the side toolbar:
    AddRepeater.png
  2. Click the Properties button on the Repeater:
    OpenRepeaterProperties.png
  3. After defining the Name, click the Datasets tab:
    RepeaterDefineDataset.png
  4. Type in an identifier for the dataset and click the check mark:
    RepeaterNewDataset.png
  5. Define the query for the dataset, and then click the Data Source tab:
    RepeaterProperties2.png
  6. Select the dataset you created earlier from the data source list and click Close:
    RepeaterDataSource.png
  7. To add the contents to be repeated, click the Edit button on the repeater:
    RepeaterEdit.png
  8. Add an HTML Presentation Object to the Repeater:
    RepeaterAddHTML.png
  9. Click the Properties button on the HTML Presentation Object to open the HTML Presentation Object Properties:
    RepeaterHTMLProperties.png
  10. After defining the Name for the HTML Presentation Object, click the Presentation tab:
    RepeaterHTMLProperties2.png
  11. Define the HTML code. In the HTML code, use the names of the data source columns as a context variable references in the format "{#ContextVariableReference}". For example, here the HTML Presentation Object will get values from the name and createddate columns in the Repeater data source:
    RepeaterHTMLCode.png
  12. Click Close a couple of times so that you are in the View Editor. The Repeater has now created an HTML Presentation Object for every row cell value in the Repeater data source, and the values from each row are now shown in place of the context variable references:
    RepeaterDone.png