Common Interface Elements
This section explains the common interface elements you'll encounter throughout the Zen Business Dashboard.
Interface Components
Data Tables
- Sortable Columns - Click column headers to sort ascending/descending
- Checkboxes - Select items with checkboxes for bulk actions
- Action Buttons - View, edit, delete, or more options on each row
- Pagination - Navigate between pages and adjust rows per page
- See Data Tables for detailed guide
Search and Filtering
- Search Bar - Type keywords to find items by name or details
- Filter Dropdowns - Narrow results by status, category, date, or type
- Quick Filters - Common filter options for fast access
- Combine Filters - Use multiple filters together for precise results
- See Search Bar and Filters for detailed guide
Common Action Buttons
| Button | Action |
|---|---|
| ➕ Add | Create a new item (event, venue, participant, etc.) |
| 🗑️ Delete | Delete selected items (enabled when items are selected) |
| ♻️ Recycle Bin | Recover recently deleted items |
| 👁️ View | See full item details |
| ✏️ Edit | Modify item information |
| 📅 Calendar | Switch between table and calendar views |
Modals and Dialogs
- Confirmation Dialogs - Confirm important actions before proceeding
- Form Modals - Quick forms that appear over the current page
- Information Dialogs - Display important messages or details
Forms
- Toggle Switches - Turn features on or off
- Input Fields - Enter text, numbers, or dates
- Dropdown Selectors - Choose from predefined options
- Date Pickers - Select dates easily with a calendar interface
Platform Features
Responsive Design
- Works seamlessly on desktop, tablet, and mobile devices
- Touch-friendly interface on mobile devices
- Automatically adjusts layout to your screen size
- Swipe left/right on mobile to see all columns
Multi-Language Support
- Available in English, French, and Arabic
- Right-to-left (RTL) display for Arabic
- Dates and numbers formatted according to your language preference
Loading & Feedback
- Visual loading indicators while data loads
- Animated spinners during actions
- Clear error messages when issues occur
- Confirmation dialogs for important actions
Tips for Using the Dashboard
- Required Fields - Fields marked with a red asterisk (*) must be filled in
- Disabled Buttons - Buttons may be disabled during processing
- Hover for Help - Hover over icons and buttons to see tooltips explaining what they do
- Form Validation - The system will highlight errors and show helpful messages
- Undo Mistakes - Use the Recycle Bin to recover items you deleted by accident
- Search & Filter - Use search and filters together for precise results
- Bulk Operations - Select multiple items for bulk actions
- Export Data - Use the Download button to export data as CSV or Excel