User Info Element
The User Info element displays information about the currently logged-in user in a formatted table.
Overview
User Info is ideal for:
- User profile displays
- Account information sections
- Personalized dashboards
- User verification displays
Adding a User Info Element
- Open the Website Builder
- Find User Info in the Elements panel
- Drag it onto your page
- Configure which fields to display in the General Tab
Properties
General Tab
| Property | Description |
|---|---|
| Show First Name | Display user's first name |
| Show Last Name | Display user's last name |
| Show Email | Display user's email |
| Show Roles | Display user's assigned roles |
Display Fields
Toggle which user information to show:
| Field | Description |
|---|---|
| First Name | User's first name from their profile |
| Last Name | User's last name from their profile |
| User's email address | |
| Role(s) | Assigned roles (comma-separated if multiple) |
| Custom Fields | Schema-defined custom fields |
Visual Display
User info displays as a bordered table:
┌──────────────┬─────────────────────┐
│ First Name │ John │
├──────────────┼─────────────────────┤
│ Last Name │ Smith │
├──────────────┼─────────────────────┤
│ Email │ john@example.com │
├──────────────┼─────────────────────┤
│ Role(s) │ Admin, Editor │
└──────────────┴─────────────────────┘Availability
Note: User Info is only available in Web Card applications. It's not available in Form or Mobile Card builders.
Database Integration
User Info can connect to the card database:
- Open the Connect Tab
- Enable database connection
- User data can be stored/retrieved
Use Cases
User Dashboard
Display: First Name, Last Name, Role(s)
Purpose: Welcome message with role indicatorAccount Settings
Display: All fields
Purpose: Show complete user profileVerification Display
Display: Email, Role(s)
Purpose: Confirm user identityPersonalized Header
Display: First Name only
Purpose: "Welcome, [Name]" greetingCustom Fields
If your project schema includes custom fields, they can also be displayed:
- Custom fields show with sample/fake values in the builder
- Real values appear at runtime for logged-in users
Best Practices
Show relevant info only - Don't display unnecessary fields
Consider privacy - Be thoughtful about what user data is visible
Position appropriately - Place where users expect to see their info
Test with real users - Verify correct data displays at runtime
Style to match - Ensure the table fits your app's design
Questions?
If you have any questions, please don't hesitate to contact us. Alternatively, you can submit an issue on this platform.
Useful Links:
Web Elements - https://help.acenji.com/#/./create-web-application/elements/index Variable Center - https://help.acenji.com/#/./shared-concepts/variable-center/index