Skip to main content

Documentation Images Guide

This document lists all screenshot placeholders used throughout the documentation. Use this guide to create and insert the appropriate screenshots.

Image Placeholder Reference​

Each documentation page includes image placeholders with descriptions. Below is a comprehensive list organized by page:

Getting Started (getting-started.md)​

  1. Sign-in page - Sign-in page showing the Synq Digital login form with email and password fields, and a "Sign In" button. The page should show the Synq Digital branding/logo at the top.

  2. Sign-up page - Sign-up page showing the registration form with fields for email, password, confirm password, and any other required fields. Should show validation messages if applicable.

  3. Main dashboard view - Main dashboard view showing the navigation sidebar on the left with menu items (Dashboard, Playlist, Devices, Media Library, Schedule, Locations, Analytics), and the main content area showing dashboard widgets/cards with statistics, charts, or overview information.

  4. Media Library page - Media Library page showing the upload button, a table/list of media files with thumbnails, filenames, types, sizes, and upload dates. Should show at least one uploaded file as an example.

  5. Playlist creation page - Playlist creation/edit page showing a form with playlist name field, a list of available media files that can be added, drag-and-drop interface, and duration settings for each media item.

  6. Device registration dialog - Device registration dialog/form showing fields for Device ID (6 characters), Device Name, Location dropdown, and Register button. Should show validation if Device ID is incorrect length.

  7. Device detail page - Device detail page showing device information form with fields like Device Name, Location, Playlist dropdown (with a playlist selected), Orientation, Operating Hours, and Save Changes button.

  8. Schedule creation dialog - Schedule creation dialog showing all form fields including schedule name, type toggle (Recurring/One-time), day selection checkboxes, start/end time fields, playlist selector, and Active toggle.

Authentication (authentication.md)​

  1. Sign-in page - Sign-in page showing the login form with email and password input fields, a "Sign In" button, and optionally a "Forgot Password?" link. The page should display Synq Digital branding.

  2. Password reset page - Password reset page showing an email input field and a "Send Reset Link" button, with instructions explaining that a reset link will be sent to the provided email.

  3. Sign-up page - Sign-up page showing the registration form with all required fields, password strength indicator, terms checkbox, and Sign Up button.

  4. Email verification page - Email verification page or message showing a confirmation that the email has been sent, with instructions to check the inbox and click the verification link.

  5. User profile dropdown - User profile dropdown menu showing options including Profile, Settings, and Logout. The Logout option should be highlighted or clearly visible.

  6. Profile Settings - Security - Profile Settings page showing the Security section with fields for Current Password, New Password, Confirm New Password, and an Update Password button.

  7. Active Sessions page - Active Sessions page showing a list of devices/browsers where the user is currently signed in, with device names, IP addresses, last activity times, and "Sign Out" buttons for each session.

  8. Role-based navigation - Dashboard or navigation showing different menu items available based on user role. Admin users should see additional menu items like "User Management" that regular users don't see.

Dashboard (dashboard.md)​

  1. Full dashboard view - Full dashboard view showing the sidebar navigation on the left, main dashboard area with multiple widget cards displaying statistics, charts, device status overview, recent activity feed, and quick action buttons.

  2. Overview statistics cards - Dashboard top section showing four stat cards in a row: Total Devices (with count and icon), Online Devices (with count and percentage), Total Playlists (with count), and Media Files (with count). Each card should have a distinct color or icon.

  3. Device status chart - Device status chart or visualization showing the breakdown of devices by status. Could be a pie chart, bar chart, or status cards showing Online (green), Offline (red), and Pending (yellow) counts.

  4. Recent Activity section - Recent Activity section showing a timeline or list of recent activities with timestamps, user names, and action descriptions. Should show items like "Device registered", "Playlist created", "Media uploaded", etc.

  5. Quick Actions section - Quick Actions section showing buttons or cards for common actions: Register Device, Upload Media, Create Playlist, and Create Schedule. Each should have an icon and be clickable.

  6. Performance charts - Performance charts section showing line charts or bar charts displaying trends over time. Could show device uptime percentage over the last 7 days, media playback counts, or network activity patterns.

  7. Interactive dashboard navigation - Interactive demonstration showing what happens when clicking on a dashboard card - it should highlight or show a tooltip indicating it's clickable, and potentially show a navigation arrow or link.

  8. Sidebar navigation - Sidebar navigation menu showing all menu items with icons. The Dashboard item should be highlighted or marked as active. Should show the full navigation structure.

  9. Dashboard filters - Dashboard filters showing dropdown menus or date pickers for filtering dashboard data by time range, location, device status, etc.

  10. Refresh button - Refresh button or icon on the dashboard, possibly in the top-right corner or within a specific widget, showing how to manually refresh dashboard data.

  11. Alert indicators - Alert/notification area showing different types of alerts with appropriate colors: warning (yellow), error (red), info (blue), and success (green). Should show examples of each type.

  12. Mobile dashboard view - Mobile view of the dashboard showing how it adapts to smaller screens - stacked cards, collapsible navigation menu, and responsive charts.

Devices (devices.md)​

  1. Devices page - Devices page showing a table/list of devices with columns for Status (with colored indicators), Screen Name, Version, Playlist, Location, Model, Last Seen, and Actions. Should show multiple devices with different statuses (online/offline).

  2. Device table close-up - Close-up of the device table showing several rows with different devices, highlighting the status column with colored icons, and showing the actions menu (three dots) for one device.

  3. Filter controls - Filter controls showing a search box with a search icon and a Status dropdown menu. Should show the search box with placeholder text and the dropdown with "All Status" selected.

  4. Register Device dialog - Register Device dialog showing the form with three fields: Device ID (6 characters, with character counter showing X/6), Device Name (text input), and Location (dropdown with locations listed). Should show the Register button enabled when all fields are filled.

  5. Device detail page - Device detail page showing comprehensive device information including Device Name, Location, Playlist assignment, Orientation (Landscape/Portrait), Operating Hours (Start/End times), Weekly Reboot settings, Heartbeat Interval, Version, and a Screenshots section showing recent device screenshots.

  6. Device details form - Device details form showing editable fields with some values changed (highlighted or showing different values), and a "Save Changes" button at the bottom. Should show validation or confirmation when saving.

  7. Screenshots section - Screenshots section showing a grid of screenshot thumbnails with timestamps below each image. Should show at least 2-3 screenshot examples with dates/times displayed.

  8. Device status indicators - Device list showing different status indicators - one device with green checkmark (Online), one with red X (Offline), and one with yellow warning (Pending). Last Seen timestamps should show recent times for online devices and older times for offline devices.

  9. Playlist assignment - Device details page showing the Playlist dropdown menu open with a list of available playlists. One playlist should be selected/highlighted, showing how to change the playlist assignment.

  10. Actions menu - Actions menu dropdown showing three options: View Details (with eye icon), Edit (with pencil icon), and Delete (with trash icon in red). The menu should be positioned next to a device row.

  11. Bulk operations - Bulk operations interface showing checkboxes next to devices for selection, and bulk action buttons like "Assign Playlist", "Export", or "Delete Selected" at the top of the device list.

Media Library (media-library.md)​

  1. Media Library page - Media Library page showing a table/list of media files with columns for Type (icon), Filename, Format, Size, Uploaded date, Tags, and Actions. Should show a mix of images and videos with their respective icons.

  2. Media table close-up - Close-up of the media table showing several rows with different media types - images showing image icons, videos showing video camera icons. Should highlight the type column and show various file sizes and dates.

  3. Filter controls - Filter controls showing a search box with search icon and a Type dropdown menu. Should show the search box with placeholder text "Search media by name or tags..." and the Type dropdown with "All Types" selected.

  4. File browser dialog - Upload button clicked showing a file browser dialog open, with multiple image and video files selected. Should show file types and sizes in the file browser.

  5. Drag-and-drop zone - Drag-and-drop zone showing a dashed border box with cloud upload icon, text saying "Drag and drop files here" and "or click to browse", with supported formats listed below. Should show visual feedback when files are dragged over it.

  6. Supported formats - Upload area showing supported formats listed: "Supported formats: JPG, PNG, MP4, MOV (Max 100MB)" with icons or visual indicators for each format type.

  7. Upload progress - Upload progress indicator showing a progress bar at 45%, text saying "Uploading 45%...", and the filename being uploaded displayed below. Should show this during an active upload.

  8. Media preview/download - Media file preview or download dialog showing options to view or download a media file. Could show a thumbnail preview for images or a video player for videos.

  9. Search results - Search box with text entered showing filtered results. Should show "Search media by name or tags..." placeholder, and when typing, show filtered results below.

  10. Actions menu - Actions menu dropdown for a media file showing Download (with download icon) and Delete (with trash icon in red). The menu should be positioned next to a media file row.

  11. Delete confirmation - Delete confirmation dialog showing a warning message like "Are you sure you want to delete this file? This action cannot be undone." with Cancel and Delete buttons.

  12. Media with tags - Media file with tags displayed as chips/badges next to the filename. Should show tags like "Marketing", "Product", "2024" as colored chips.

  13. File details - Media file detail view or tooltip showing comprehensive information about a file including filename, type, size (e.g., "2.5 MB"), upload date (e.g., "Jan 15, 2024"), tags, and playlist usage count.

  14. Bulk selection - Bulk selection interface showing checkboxes next to media files, with bulk action buttons like "Delete Selected" or "Add Tags" at the top of the media list.

  15. Media usage - Media file showing usage information like "Used in 3 playlists" with links to view those playlists, helping users understand file dependencies before deletion.

Playlists (playlists.md)​

  1. Playlists page - Playlists page showing a table/list of playlists with columns for Playlist Name, Media Items (count), Created date, Last Updated date, and Actions. Should show multiple playlists with different media counts.

  2. Playlists table close-up - Close-up of the playlists table showing several rows with playlist names, media item counts displayed as chips/badges (e.g., "5 items"), creation dates, and update dates. Should highlight the media items column.

  3. Search box - Search box with placeholder "Search playlists..." showing filtered results when typing a playlist name. Should show the search icon and filtered playlist list below.

  4. Create Playlist dialog - Create Playlist dialog showing a form with "Playlist Name" field, placeholder text "Enter playlist name", and Create/Cancel buttons at the bottom. Should show the Create button enabled when name is entered.

  5. Playlist editor - Playlist edit page showing a list of available media files on the left or in a modal, with checkboxes or selection interface. Selected files should be highlighted, and an "Add to Playlist" button should be visible.

  6. Playlist items management - Playlist editor showing a list of playlist items with thumbnails, filenames, duration inputs (e.g., "10 seconds"), drag handles for reordering, and delete buttons. Should show at least 3-4 items in the playlist.

  7. Duration input - Close-up of a playlist item showing the duration input field with a value like "10" and "seconds" label, with up/down arrows or a slider to adjust the duration.

  8. Drag and drop reordering - Playlist items with drag handles visible, showing one item being dragged to a new position with visual feedback (highlighted or shadow effect).

  9. Actions menu - Actions menu dropdown for a playlist showing Edit (with pencil icon), Preview (with play icon), and Delete (with trash icon in red). The menu should be positioned next to a playlist row.

  10. Playlist preview - Playlist preview interface showing a media player or preview window displaying the first item in the playlist, with playback controls, current item indicator, and playlist timeline showing all items.

  11. Delete confirmation - Delete confirmation dialog showing a warning message like "Are you sure you want to delete this playlist? This will remove it from all assigned devices." with Cancel and Delete buttons.

  12. Playlist settings - Playlist settings panel showing options like "Default Duration: 10 seconds", "Loop Playlist" checkbox (checked), "Shuffle" checkbox (unchecked), and "Transition Effect" dropdown with options like "Fade", "Cut", "Slide".

  13. Device assignment - Device assignment interface showing a list of devices with checkboxes, allowing selection of multiple devices to assign the playlist to. Should show device names, locations, and current playlist assignments.

  14. Playlist templates - Playlist templates or examples showing different playlist types with suggested names and purposes, helping users understand how to organize their playlists.

  15. Duplicate option - Duplicate playlist option in the actions menu or a "Duplicate" button, showing how to create a copy of an existing playlist.

  16. Playlist analytics - Playlist analytics or statistics showing information like "Assigned to 5 devices", "Total playtime: 2,340 minutes", "Last played: 2 hours ago", etc.

Schedules (schedules.md)​

  1. Schedules page - Schedules page showing a table/list of schedules with columns for Type (icon), Name, Schedule Type (Recurring/One-time), Days/Dates, Time Range, Status (Active/Inactive), and Actions. Should show multiple schedules with different types and statuses.

  2. Schedules table close-up - Close-up of the schedules table showing several rows with different schedule types - recurring schedules showing repeat icons, one-time schedules showing calendar icons. Should highlight the type column and show various time ranges and statuses.

  3. Filter controls - Filter controls showing a search box with search icon and a Status dropdown menu. Should show the search box with placeholder "Search schedules..." and the Status dropdown with "All Status" selected.

  4. Create Schedule dialog - Create Schedule dialog/form showing all form fields including Schedule Name, Schedule Type toggle (Recurring/One-time), day selection, time fields, playlist selector, and Active toggle. Should show the form ready to be filled out.

  5. Schedule type selection - Top section of schedule form showing Schedule Name field with placeholder text, and Schedule Type section with two buttons/toggles: "Recurring" (selected/highlighted) and "One-time".

  6. Recurring schedule configuration - Recurring schedule configuration showing day selection with checkboxes for each day of the week (Mon-Sun), with some days checked (e.g., Mon-Fri). Should show Start Time and End Time fields below.

  7. One-time schedule configuration - One-time schedule configuration showing date pickers for Start Date and End Date (optional), with Start Time and End Time fields. Should show calendar date pickers with dates selected.

  8. Time fields - Time fields showing time pickers for Start Time (08:00) and End Time (22:00), with clock icons or time input controls.

  9. Playlist dropdown - Playlist dropdown showing a list of available playlists with one selected (highlighted), showing how to assign a playlist to the schedule.

  10. Active toggle - Active toggle/switch showing the schedule set to "Active" (green/checked), with label "Active (Schedule will be applied immediately)".

  11. Example recurring schedule - Example recurring schedule showing "Weekday Morning" schedule with Mon-Fri selected, 08:00-12:00 time range, assigned to "Morning Promotions" playlist, and Active status.

  12. Example one-time schedule - Example one-time schedule showing "Holiday Special" schedule with date range Dec 24-25, 10:00-22:00 time range, assigned to "Holiday Content" playlist, and Active status.

  13. Edit schedule dialog - Edit schedule dialog showing the same form fields as create, but with existing values filled in. Should show a schedule being edited with modified values highlighted.

  14. Status toggle - Schedule status toggle showing how to change a schedule from Active (green) to Inactive (gray), with the toggle switch visible in the edit form.

  15. Delete confirmation - Delete confirmation dialog showing a warning message like "Are you sure you want to delete this schedule? This will stop automated playback." with Cancel and Delete buttons.

  16. Multiple schedules view - Multiple schedules view showing how different schedules can coexist, with a timeline or calendar view showing when each schedule is active throughout the day/week.

  17. Schedule conflict warning - Schedule conflict warning or visualization showing overlapping schedules highlighted, with a message indicating which schedules conflict and suggestions for resolution.

  18. Example schedules - Three example schedules displayed in cards or list format, showing the different configurations for business hours, weekend promotions, and holiday events.

  19. Schedule analytics - Schedule analytics dashboard showing statistics like "Schedules executed: 245", "Success rate: 98%", "Active schedules: 12", with charts showing schedule performance over time.

Locations (locations.md)​

  1. Locations page - Locations page showing a list or map view of locations with location names, addresses, device counts, and management options. Should show multiple locations like "Main Office", "Branch Office", "Retail Store 1", etc.

  2. Locations table - Locations table or list showing columns for Location Name, Address, Device Count (e.g., "5 devices"), Status, and Actions. Should show multiple locations with different device counts.

  3. Create Location dialog - Create Location dialog/form showing fields for Location Name (e.g., "Downtown Office"), Address (with address fields), Description (text area), and Contact Information. Should show Create/Save and Cancel buttons.

  4. Edit Location form - Edit Location form showing the same fields as create, but with existing values filled in. Should show a location being edited with modified values.

  5. Location assignment - Device registration or edit form showing the Location dropdown with a list of available locations, with one location selected. Should show how locations are assigned to devices.

  6. Location detail page - Location detail page showing location information at the top (name, address, description), followed by a list of devices at this location with their statuses, and location statistics or analytics.

  7. Location filter - Devices page with location filter dropdown showing "All Locations" selected, with options to filter by specific locations. Should show filtered device list when a location is selected.

  8. Location hierarchy - Location hierarchy view showing parent-child relationships, like "Main Campus" containing "Building A" and "Building B", with devices nested under each building. Should show a tree or nested structure.

  9. Location analytics - Location analytics dashboard showing statistics like total locations, devices per location (chart or list), online percentage by location, and location-based performance metrics.

  10. Bulk operations - Bulk operations interface showing checkboxes next to locations for selection, with bulk action buttons like "Export", "Edit Selected", or "Generate Report" at the top.

  11. Delete confirmation - Delete location confirmation dialog showing a warning message like "Are you sure you want to delete this location? Ensure all devices are reassigned first." with Cancel and Delete buttons.

  12. Location templates - Location templates or examples showing different location types with suggested structures and naming conventions for offices, retail stores, warehouses, etc.

  13. Multi-site management - Multi-site management view showing multiple locations/sites with their respective managers, device counts, and status indicators. Should show how to manage multiple physical locations.

  14. Location report - Location report showing a detailed report with location name, device list, status summary, and performance metrics. Should show export options and date range selection.

Analytics (analytics.md)​

  1. Analytics dashboard - Analytics dashboard showing multiple charts and widgets including device uptime chart, content playback statistics, network health metrics, usage trends, and key performance indicators. Should show various visualizations and data points.

  2. Key metrics cards - Top section of analytics dashboard showing key metric cards in a row: Total Devices (with count and trend), Online Rate (with percentage and chart), Uptime (with percentage), Content Plays (with count), and Network Health (with status indicator).

  3. Device performance charts - Device performance charts section showing a line chart displaying uptime trends over the last 7 days, a pie chart showing status distribution (Online/Offline/Pending), and a bar chart comparing performance across different locations.

  4. Content analytics - Content analytics section showing charts for playback statistics - a bar chart showing top 10 most played media files, a table showing playlist performance with play counts, and metrics for average view duration.

  5. Time-based analysis - Time-based analysis section showing date range selector (Last 7 days, Last 30 days, Custom range), with a line chart showing trends over the selected period, and filters for different metrics.

  6. Date range selector - Date range selector dropdown showing options like "Last 7 days", "Last 30 days", "Last 3 months", "Custom Range", with a calendar date picker visible for custom selection.

  7. Location filter - Location filter dropdown showing "All Locations" selected, with a list of available locations below. Should show how selecting a location filters the analytics data.

  8. Device filter - Device filter options showing checkboxes or dropdowns for filtering by device status (Online/Offline), device model, or other device attributes.

  9. Report generation - Report generation interface showing options to select date range, metrics (checkboxes for different analytics), location/device filters, and a "Generate Report" button. Should show a preview or example report output.

  10. Report types - Report type selector showing different report types as cards or options: Device Status, Content Performance, Usage, and Custom. Should show descriptions for each report type.

  11. Export options - Export options showing buttons or dropdown menu with options for PDF, CSV, Excel, and Email. Should show how to export a generated report.

  12. Analytics alerts - Analytics alert or notification area showing warnings or issues identified from analytics, like "3 devices with uptime below 90%", "Content play count decreased 15%", etc.

  13. Custom dashboard - Custom dashboard configuration showing options to add/remove widgets, rearrange layout, save dashboard views, and share with team members.

  14. Real-time monitoring - Real-time monitoring view showing live updates, current device status indicators, active content playback, and real-time alerts or notifications.

  15. Alert configuration - Alert configuration interface showing options to set up alerts for device offline, low uptime thresholds, performance issues, and notification preferences (email, in-app, etc.).

  16. Integration options - Integration options showing API documentation link, webhook configuration, export formats, and third-party integration options like Google Analytics, Power BI, etc.

User Management (user-management.md)​

  1. User Management page - User Management page showing a table/list of users with columns for Name, Email, Role, Status (Active/Inactive), Last Login, and Actions. Should show multiple users with different roles (Admin, User) and statuses.

  2. User table close-up - Close-up of the user table showing several user rows with names, emails, role badges (Admin in red, User in blue), status indicators (Active/Inactive), last login times, and action menus.

  3. Filter controls - Filter controls showing a search box with search icon, Role dropdown (All Roles, Admin, User, Viewer), and Status dropdown (All Status, Active, Inactive).

  4. Create User dialog - Create User dialog/form showing fields for Name, Email, Password, Confirm Password, Role dropdown (Admin/User/Viewer), Status toggle (Active/Inactive), and Create/Cancel buttons.

  5. Role comparison - Role comparison or explanation showing the three roles (Admin, User, Viewer) with their respective permissions listed, showing what each role can and cannot do.

  6. Edit User form - Edit User form showing the same fields as create, but with existing user values filled in. Should show a user being edited with modified values highlighted.

  7. Status toggle - User status toggle showing how to change a user from Active (green) to Inactive (gray), with explanation of what each status means.

  8. Reset Password dialog - Reset Password dialog showing fields for New Password and Confirm Password, with password strength indicator, and Reset/Cancel buttons. Should show password requirements.

  9. Delete confirmation - Delete user confirmation dialog showing a warning message like "Are you sure you want to delete this user? This action cannot be undone." with Cancel and Delete buttons.

  10. User activity log - User activity section or detail view showing a user's activity log with timestamps, action descriptions (e.g., "Created playlist", "Uploaded media", "Modified device"), and related items.

  11. Bulk operations - Bulk operations interface showing checkboxes next to users for selection, with bulk action buttons like "Change Role", "Activate Selected", "Deactivate Selected", "Export", or "Delete Selected" at the top.

  12. Permissions matrix - Permissions matrix table showing a comprehensive comparison of what each role can do across all features, with checkmarks for allowed actions and X marks for restricted actions.

  13. Invite User interface - Invite User interface showing an email input field, role selector, and "Send Invitation" button. Should show how to invite users via email.

  14. User Groups - User Groups interface showing a list of groups (e.g., "Marketing Team", "IT Department", "Store Managers") with user counts and permission settings for each group.

Profile Settings (profile-settings.md)​

  1. Profile page - Profile page showing user information at the top (name, email, avatar), with tabs or sections for Overview, Settings, Security, and Activity. Should show the Settings tab selected.

  2. Profile overview - Profile overview section showing user card with avatar, name, email, role badge, account creation date, and last login timestamp.

  3. Personal Information form - Personal Information form showing editable fields for Name, Email, Phone, and Avatar upload option. Should show Save Changes button at the bottom.

  4. Change Password form - Change Password form showing three password fields (Current, New, Confirm) with password strength indicator, and Update Password button. Should show password requirements listed.

  5. Two-Factor Authentication setup - Two-Factor Authentication setup showing QR code, instructions for setting up with authenticator app, verification code input field, and Enable button.

  6. Active Sessions list - Active Sessions list showing multiple sessions with device names (e.g., "Chrome on Windows", "Safari on Mac"), IP addresses, last activity times, and Sign Out buttons for each session.

  7. Notification Preferences - Notification Preferences section showing checkboxes or toggles for different notification types: Email Notifications (enabled), In-App Notifications (enabled), Device Alerts (enabled), Schedule Reminders (disabled).

  8. Account Activity log - Account Activity log showing a timeline of recent activities with timestamps, action descriptions (e.g., "Password changed", "Profile updated", "Signed in from Chrome"), and IP addresses.

  9. Preferences section - Preferences section showing dropdowns for Language (English selected), Time Zone (dropdown), Date Format (MM/DD/YYYY selected), and Time Format (12-hour/24-hour toggle).

  10. Display Settings - Display Settings showing theme toggle (Light/Dark), dashboard layout options, items per page selector (10/25/50/100), and default view dropdown.

  11. Delete Account section - Delete Account section showing a warning message, password confirmation field, and Delete Account button in red. Should emphasize the permanent nature of this action.

  12. Export Data section - Export Data section showing a "Request Export" button, with information about what data will be exported and how long it takes to generate.

Troubleshooting (troubleshooting.md)​

  1. Sign-in error - Sign-in page with error message showing "Invalid email or password" or "Account locked" notification, with troubleshooting tips displayed.

  2. Device offline troubleshooting - Devices page showing a device with red offline status indicator, with troubleshooting tips or help icon showing common solutions.

  3. Upload error - Media Library upload area showing an error message like "Upload failed" or "File too large", with file size indicator and format requirements displayed.

  4. Playlist not playing - Device detail page showing a device with playlist assigned, but content not playing, with troubleshooting checklist visible.

  5. Schedule not executing - Schedules page showing an active schedule that's not executing, with troubleshooting tips displayed in a help panel.

  6. Delete error - Delete confirmation dialog showing an error message like "Cannot delete: File is used in 3 playlists" with links to view those playlists.

  7. Support contact page - Support contact page or help section showing contact information, support email, support portal link, and a form to submit support tickets.

Image Naming Convention​

When creating screenshots, use this naming convention:

  • Format: {page-name}-{description}.png or .jpg
  • Examples:
    • getting-started-sign-in-page.png
    • devices-register-dialog.png
    • playlists-create-dialog.png
    • schedules-recurring-config.png

Image Specifications​

  • Format: PNG or JPG
  • Resolution: Minimum 1920x1080 for full-page screenshots, 800x600 for dialogs
  • File Size: Optimize images, keep under 500KB each
  • Style: Use consistent styling, include browser chrome if relevant
  • Annotations: Add callouts or highlights if helpful (arrows, boxes, text labels)

Inserting Images​

Replace image placeholders in markdown files with:

![Description](./static/img/{filename}.png)

Or use Docusaurus image syntax:

import Image from '@theme/IdealImage';

<Image img={require('./static/img/{filename}.png')} />