Titles
Description
This is page of Social titles list.
Common components
Bell icon (todo link)
4 table header tools (todo link)
The UI elements
Add new social title button
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | Add new social title | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
ID input
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Social title input
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Gender dropdown
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Edit button
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Behaviors description
Add new social title button behavior
This is CTA button (Buttons with icons UI kit) once clicked it opens New social title creation page. When hover mouse pointer on it, button color changes.
Title of Titles behavior
It contains title and number of social titles in the list.
ID input behavior
This is input field (Forms normal UI kit) to set title ID number, in order to find the appropriate social title and filter it out.
Social title input behavior
This is input field (Forms normal UI kit) to set social title, in order to find the appropriate title and filter it out.
Gender dropdown behavior
Gender dropdown (Dropdowns basics UI kit) by default is set on empty option to show all titles. Titles can be filtered by gender: Male, Female and Neutral.
Search button behavior
Search is CTA button with search icon (Buttons with icons UI kit) once clicked it shows result by enter information in ID and Title inputs and Gender dropdown. When hover mouse pointer on it, button color changes.
Reset button behavior
Reset button appears in search results page. Reset is CTA button with rubber icon (Buttons with icons UI kit) once clicked it closes search result page and brings back to Titles list page.
Titles list behavior
Every created social title is shown in separate line in Titles list. Each Title in list could be shown with these elements if they were entered while creating Social title:
ID
Title
Gender
Image
Edit button behavior
Edit is dropdown with button split (Dropdowns with button split UI kit), once clicked Edit button opens that title page to make some changes. Once clicked dropdown opens Delete option, when it clicked opens popup that has notification: Delete selected item? Name: (Title name), exclamation mark icon and 2 buttons:
Yes - it is outlined CTA button (Buttons outlined UI kit), once clicked deletes Title from the list and closes popup.
Cancel - it is outlined CTA button (Buttons outlined UI kit), once clicked cancels deletion and closes popup.
Bulk actions behavior
When there are multiple titles created, Bulk Actions button help manage them and configure the main actions. Checkboxes (Forms checkboxes UI kit) in each title line can be used, if there is need to manage titles separately and use for Bulk Actions for adjusting the titles. Once clicked on Bulk actions dropdown opens these options:
Select All - option to select all the checkboxes of listing items in Titles list.
Unselect All - option to unselect all the checkboxes of listing items in Titles list
Delete selected - after specific multiple titles checkboxes selection, it can be deleted from the listing by one click.
Multistores functionality
This is Multistores independent page.
Last updated
