Slider

A box in which another element is placed. The inner element can be positioned according to a variable in the app, e.g. being moved from left to right, between a given minimum- and maximum value, depending on the loaded variable.

Note
All css values, except for width, height, left, top, position, and z-index, are applied to the inner element, not the outer one.

Note
If the slider should be positioned on top of a given background, such as a box, it is recommended to create a second element with the same dimensions as this element's outer element. This second element can then be styled as desired, and serve as the background for this slider element.

Control parameters

• URL/Location of file: The location of the resource.
• Background image url: Allows for setting the button's background. Refer to here for further information.
  • If these values are provided, the URL/Location of file-parameter will be ignored.
• Width of slider: This is the width of the inner element. If given in %, it is relative to the outer element's width.
• Height of slider: This is the height of the inner element. If given in %, it is relative to the outer element's height.
• Key for x-position: Key from the Value store which will be used to position this element.
  • If provided, an input for the key's group, as well as a minimum- and maximum value of the store value can be entered. The inner element will be positioned inbetween the outer element's left- and right edge, relative to the current value and the minimum- and maximum value that are allowed.
• Key for y-position: Same as the previous key, but for the vertical position.

Note
If a dimension is not calculated using a variable, it will always be positioned in the upper left corner of the outer element. For these cases, it is suggested to use a width/height of 100%, and select the outer element's width/height accordingly.

Suggested design parameters

• object-fit: {cover / contain / stretch}
  Controls whether the full resource should be seen, whether it should fill the entire element (and this not be fully visible), or whether it should be stretched to fit the element exactly.