Skip to main content

User Cards

This is where you can browse all users in the system displayed as visual cards. Think of it like a bulletin board with a card pinned up for each user — showing their photo, name, role, and key details at a glance. It is a quick way to scan through...

Written by Ronny Christensen
Updated over 3 weeks ago

What This Screen Does

This is where you can browse all users in the system displayed as visual cards. Think of it like a bulletin board with a card pinned up for each user — showing their photo, name, role, and key details at a glance. It is a quick way to scan through your team without reading through a table. From here you can also navigate to create a new user.


How to Get There

  1. Open the dashboard.

  2. In the left-hand menu, click User.

  3. Click Cards (or navigate to the Cards sub-section).

  4. You are now on the User Cards screen.


Step-by-Step Guide

1. Browse the User Cards

  • When the page loads, you will see a grid of user cards.

  • On mobile (small screens), cards are displayed in a single column.

  • On tablets (medium screens), cards are displayed in two columns.

  • On desktops (large screens), cards are displayed in three columns.

  • Each card shows a summary of one user, including their avatar, name, and role information.

  • Scroll down to see more cards if there are many users.

2. View a User Card

Each card displays the following information:

Field

Description

Avatar / Photo

The user’s profile picture. If none is set, a default avatar is shown.

Name

The user’s full name.

Role

The role assigned to the user (e.g. Admin, Manager, Staff).

  • Cards give you a visual overview so you can quickly identify users.

  • You do not need to click into each user’s profile just to see their basic details.

3. Create a New User

  • In the top-right corner of the screen, click the + New User button.

  • This will take you to the user creation screen where you can fill in all the details for a new user.

  • The button is always visible at the top of the page, so you do not need to scroll to find it.

4. Use the Breadcrumb Navigation

  • At the top of the page, you will see a breadcrumb trail: Dashboard > User > Cards.

  • Click Dashboard to go back to the main dashboard.

  • Click User to go back to the main user section.

  • Cards is the current page and is not clickable.


What Happens Behind the Scenes

You open the User Cards page
        |
        v
The page loads the list of users
        |
        v
User data is retrieved and passed to the card grid
        |
        v
Cards are rendered in a responsive grid layout
(1 column on mobile, 2 on tablet, 3 on desktop)
        |
        v
Each user is displayed as an individual card
        |
        v
You can browse the cards or click "+ New User"
        |
        v
Clicking "+ New User" navigates to the user creation screen


Troubleshooting

“I do not see any user cards on the page”

  • The system may not have any users added yet. If the page is blank, try creating a new user by clicking the + New User button.

  • If you expect to see users but the page is empty, try refreshing the page. There may have been a temporary loading issue.

  • Check your internet connection — the page needs to load data to display the cards.

“The cards are all in one column even on my large screen”

  • The layout adjusts automatically based on your screen size. If you have your browser window narrowed, the cards will stack into fewer columns.

  • Try maximizing your browser window or making it wider.

  • If the layout setting themeStretch is turned off, the content is limited to a maximum width. An administrator can adjust this in the settings.

“I clicked ‘+ New User’ but nothing happened”

  • Make sure you are connected to the internet. The button navigates to a new page, so a connection is needed.

  • Try clicking the button again. If the page still does not change, refresh the browser and try once more.

  • If the problem continues, check whether you have permission to create new users. Your role may not allow it.

“A user card is showing the wrong information”

  • The cards display data from the system. If a user’s name, photo, or role is incorrect, it needs to be updated on that user’s profile — not on this screen.

  • Navigate to the specific user’s edit page and correct the information there.

  • After saving the changes, come back to the Cards screen and refresh to see the updated card.

“The page is loading very slowly”

  • If there are many users in the system, the page may take a moment to render all the cards.

  • Try refreshing the page. If the problem persists, check your internet connection.

  • Contact your administrator if the system consistently performs slowly — the server may need attention.

“I cannot find a specific user in the cards”

  • This screen displays all users as cards in a grid. There is no built-in search or filter on this page.

  • Scroll through the cards to find the person you are looking for.

  • If you have many users and need to search, try using the User List view instead, which may offer search and filter options.

“The ‘+ New User’ button is missing”

  • The button should appear in the top-right corner of the page, next to the breadcrumb navigation.

  • If you do not see it, your user role may not have permission to create new users.

  • Contact your administrator to check your permissions.

Did this answer your question?