Skip to main content
Dynamic File

Selecting and displaying "attachment" type fields from a data list within a collection

Updated over 6 months ago

The Dynamic File feature empowers users to effortlessly choose specific "attachment" type of fields from a data list for display within a collection, facilitating seamless navigation and enhancing user experience.


Add Dynamic file control to Collection

Firstly, find the Dynamic file control in the controls add panel. Then, drag and drop it into Collection.


Content of the Dynamic file

Open the Content > Content block to set the content of this Dynamic file control.

Source: Select the source from which the field comes.

Object fields: Choose the Field you want to displayed.

Show Items: Specifies the number of files to be displayed.

Show file type icon: Chose if show file type icon.

Open the Content > Appearance

Dynamic Display Rules: When you set a dynamic display rules, It behaves differently based on specific conditions and rules. Learn how to create dynamic display rules for a control.


Style of the Dynamic file

Layout:

Columns Gap: Set the width of the gap between columns.

Rows Gap: Control the amount of space between each row.

File:

Width – Set the control's Width

Height – Set the height for the control

Padding: Set the Padding of the control in PX , %, em, rem, vw, calc.

Typography: Change the default typography options for this control.

Icon size: Set the control's icon size in PX , %, em, rem, vw, calc.

Normal / Hover:Set different styles for normal state and hover state of the textbox. Styles below are supported to be set separately for Normal and Hover state.

  • Color: Select the color of this control's text

  • Background Color: Selectthis control's background color.

  • Border Type: Select the type of border to use around of this control's.

  • Shadow: Set options to apply a box shadow on this control.

Operation button:

Normal / Hover:Set different styles for normal state and hover state of the textbox. Styles below are supported to be set separately for Normal and Hover state.

  • Color: Select the color of the button’s text

  • Background Color: Select the button’s background color.


Advanced Settings

Set the Advanced Settings Tab that are applicable to this control.

Did this answer your question?