Skip to main content
Dynamic User

Displaying personalized user information, like department and job title, using the Dynamic User control.

Updated over 6 months ago

The Dynamic User enables users to effortlessly display personalized information within the system, such as department, job title, and other relevant details, facilitating seamless customization and enhancing user experience.

Add Dynamic User control to Collection

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


Content of the Dynamic User

Open the Content > User Profile block to set the content of this Dynamic user control.

Source: Select the source from which the field comes.

Object fields: Choose the User Field you want to displayed.

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

Profile picture: Choose whether to show the profile picture that the user has in the system.

Display name: Choose whether to show the name of the user.

Addtional fields: Choose the additional fields that the system has which you want to display.

Delimiter: Set the delimiter for each field.

Open the Content > Appearance block to set the appearance and layout of this Dynamic user control.

Layout: Set the layout of this control to vertical or horizontal.

Picture position: Set the picture position of this control to left, top or right.

Alignment: Set the alignment of text inside the field control. Can be Left, Center or Right.

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 User

Item:

Space Between: Control the space between items.

Horizontal Offset: Changes the horizontal reference point by the amount of the offset.

Item width: Set the width of items.

Items Alignment: Set the alignment of this control as left, center or right.

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

Background Color: Set background color of this control.

Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.

Radius: Set the border radius to control corner roundness.

Picture:

Vertical Align: Select to display the element at the Start or Middle.

Image Size: Set the size of the image.

Gap: Control the amount of space between image and other field.

Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.

Radius: Set the border radius to control corner roundness.

Text: Set the appearance and layout of this control's Text part.

Color: Choose the color of the field text.

Typography: Set the typography options for the text in the field.

Gap: Control the amount of space between relatived field.


Advanced Settings

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

Did this answer your question?