Sequence - Item

  • Type
    Required
    Determines, what type of Segment is displayed by the Item.

    Following segments are not supported as Sequence Items: Ticker, Sequence, Social Feed - Facebook, Social Feed - X (Twitter), Video - Youtube.

    When the type of a Sequence Item is selected, a second Section is displayed. This Section contains all options related to the selected type.

  • Title
    Title of the Item used in the Layout preview and also in the Items list.

  • Duration
    Required
    How long the Item should be displayed for, before the transition to the next one occurs.

  • Appearance
    The style of the Sequence’s item.

    • Corner Radius
      Inheritable
      Corner radius of the sequence’s item can be adjusted with a slider or a text field for a custom value. Measured in permilles of the entire Layout’s height.

    • Margin
      Inheritable
      Margin of the sequence’s item can be adjusted with a slider or a text field for a custom value. Measured in permilles of the entire Layout’s height.

    • Shadow
      Inheritable
      For more information see Shadow Style section.
      Shadow of the sequence’s item.

  • Aspect Ratio
    Available only for Item types that support Aspect Ratio locking (Image, Nested Layout, Nested Widget)
    Aspect ratio configuration for the Sequence Item.

    • Lock Aspect Ratio
      Whether the aspect ratio of the item’s content should be locked.

    • Native Aspect Ratio
      Read-only
      Displays the native aspect ratio of the item’s content.

    • Horizontal Alignment
      Inheritable
      Available only if aspect ratio is locked
      Position of the item on horizontal axis.

      • Left - Item is aligned to the left.

      • Center - Item is aligned to the center.

      • Right - Item is aligned to the right.

    • Vertical Alignment
      Inheritable
      Available only if aspect ratio is locked
      Position of the item on vertical axis.

      • Top - Item is aligned to the top.

      • Middle - Item is centered vertically.

      • Bottom - Item is aligned to the bottom.

  • Title
    Settings for the title.

    • Visibility
      Inheritable
      Whether the title should be visible.

      • Show - Title is visible.

      • Hide - Title is hidden.

    • Position
      Inheritable
      Position of the title. If Float on Top or Float on Bottom is selected, title floats over the segment which may cause overlapping.

      • Float on Top - Title floats over the segment on Top.

      • Float on Bottom - Title floats over the segment on Bottom.

      • Top - Title is displayed on the top of the segment.

      • Bottom - Title is displayed on the bottom of the segment.

    • Height
      Inheritable
      Height of the title that is measured in permilles of the entire Layout’s height.

    • Text Color
      Inheritable
      For more information see Color Field section.
      Color of the text.

    • Background Color
      Inheritable
      For more information see Color Field section.
      Color of the background.

    • Text Style
      Inheritable
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size Coefficient
      Inheritable
      The font size is calculated by multiplying available height for the text by font size coefficient.

    • Horizontal Alignment
      Inheritable
      Position of the text on horizontal axis.

      • Left - Text is aligned to the left.

      • Center - Text is aligned to the center.

      • Right - Text is aligned to the right.

    • Padding
      Available only when “Left” or “Right” is selected as horizontal alignment.
      Inheritable
      The size of a padding between the Title text and Title’s border in “em” units. 1 em equals to the font size of the associated text.
      The padding is applied to the side where the text is horizontally aligned.

  • Paging Info
    Settings for the paging info.

    • Visibility
      Inheritable
      Whether the paging info should be visible.

      • Show - Paging info is visible.

      • Hide - Paging info is hidden.

    • Position
      Inheritable
      Position of the paging info. If Float on Top or Float on Bottom is selected, paging info floats over the segment which may cause overlapping.

      • Float on Top - Paging info floats over the segment on Top.

      • Float on Bottom - Paging info floats over the segment on Bottom.

      • Top - Paging info is displayed on the top of the segment.

      • Bottom - Paging info is displayed on the bottom of the segment.

    • Height
      Inheritable
      Height of the paging info that is measured in permilles of the entire Layout’s height.

    • Text Color
      Inheritable
      For more information see Color Field section.
      Color of the text.

    • Background Color
      Inheritable
      For more information see Color Field section.
      Color of the background.

    • Text Style
      Inheritable
      For more information see Text Style section.
      Type of font to use and whether bold or italic text should be used.

    • Font Size Coefficient
      Inheritable
      The font size is calculated by multiplying available height for the text by font size coefficient.

    • Horizontal Alignment
      Inheritable
      Position of the text on horizontal axis.

      • Left - Text is aligned to the left.

      • Center - Text is aligned to the center.

      • Right - Text is aligned to the right.

    • Padding
      Available only when “Left” or “Right” is selected as horizontal alignment.
      Inheritable
      The size of a padding between the paging info content and paging info’s border in “em” units. 1 em equals to the font size of the associated text.
      The padding is applied to the side where the content is horizontally aligned.

To simplify the creation of identical or similar Items, copy functionality is provided. Any existing Items can be copied. Once copied, the Item can then be pasted into other Layout. Copying Items behaves the same way as copying Layout Segment therefore see Layout Segment’s Copying chapter for more information.