Skip to content

Screenshot Placeholders

This directory contains screenshot placeholders for the Enjade user documentation.

Directory Structure

screenshots/
├── getting-started/     # Login and onboarding screenshots
├── viewer-panel/        # Viewer panel interface screenshots
├── datagrid/            # DataGrid application screenshots
├── admin/               # Admin panel screenshots
└── viewers/             # Viewer integration screenshots

Required Screenshots

High Priority

Getting Started

  • getting-started/login-page.png - Login page showing email and password fields
  • getting-started/viewer-panel-login.png - Viewer panel login with project selector

Viewer Panel

  • viewer-panel/panel-layout.png - Complete panel layout with tabs and header
  • viewer-panel/connection-status.png - Connection status indicators
  • viewer-panel/properties-grouped.png - Grouped properties view
  • viewer-panel/properties-table.png - Three-column table view
  • viewer-panel/property-types.png - Different property type examples
  • viewer-panel/element-selection.png - Element selected in viewer and panel
  • viewer-panel/type-assignments.png - Type assignment interface
  • viewer-panel/batch-editing.png - Batch edit panel interface

DataGrid

  • datagrid/grid-overview.png - Full grid interface with toolbar
  • datagrid/column-management.png - Column operations (resize, reorder, pin)
  • datagrid/filtering.png - Filter interface
  • datagrid/batch-edit.png - Batch editing in grid
  • datagrid/saved-views.png - View management panel
  • datagrid/footer-aggregations.png - Footer with aggregations

Admin Panel

  • admin/dashboard.png - Admin dashboard with statistics
  • admin/navigation.png - Sidebar navigation
  • admin/projects-list.png - Projects list view
  • admin/project-create.png - Project creation form
  • admin/classification-tree.png - Classification hierarchy
  • admin/cost-plan.png - Cost plan structure

Medium Priority

Viewer Panel

  • viewer-panel/history-timeline.png - Version history timeline
  • viewer-panel/history-comparison.png - Version comparison view
  • viewer-panel/property-validation.png - Property validation warnings

DataGrid

  • datagrid/header-templates.png - Header template customization
  • datagrid/style-presets.png - Style preset application
  • datagrid/virtual-folders.png - Virtual folder management

Viewers

  • viewers/desite-integration.png - Desite MD integration
  • viewers/trimble-integration.png - Trimble Connect integration
  • viewers/blender-integration.png - Blender integration

Placeholder Format

Until actual screenshots are available, placeholders should: 1. Clearly indicate they are placeholders 2. Describe what the screenshot should show 3. Include dimensions (recommended: 1200x800 or 1600x900 for main screenshots, 600x400 for detail views)

Replacement Instructions

When replacing placeholders with actual screenshots: 1. Take screenshots at appropriate resolution (min 1200px wide for main views) 2. Use consistent browser/window size for UI screenshots 3. Include relevant data but ensure no sensitive information is visible 4. Optimize images (PNG for UI, JPG for photos) 5. Keep file sizes reasonable (< 500KB per screenshot)