General Settings - EcoHexagon User Guide

🏢 Platform Branding & Core Settings

Logo Configuration

▼

💡 Recommended Dimensions: 175x40 pixels for optimal display across all devices

Site Logo Upload

📤 Upload and Crop: Allows precise sizing and positioning
📁 Direct Upload: Quick upload without editing
🎯 File Types: PNG, JPG, SVG supported

Logo Setup Steps:

Click "Upload and crop" or "Upload" button
Select image file from computer
Adjust sizing if using crop option
Save to apply changes

✅ Best Practice: Use your brand's primary logo in a horizontal layout for best results.

Sign-in Page Customization

▼

Logo Display Control

Toggle Setting Show logo in signin page

✅ Default: Enabled
🎯 Purpose: Controls whether platform logo appears on login page
👥 User Impact: Improves brand recognition during login process

Background Image Control

Toggle Setting Show background image in signin page

✅ Default: Enabled
🎯 Purpose: Adds visual appeal to login page
⚙️ Configuration: Upload signin page background image separately

Configuration Steps:

Toggle "Show logo in signin page" as desired
Toggle "Show background image in signin page" as needed
Upload background image if enabled
Preview changes before saving

Application Configuration

▼

App Title Settings

Current Value: "Evolviqsphere"

🎯 Purpose: Sets the main application title displayed throughout platform
👀 Visibility: Appears in browser title, headers, and navigation areas
💡 Recommendations: Keep concise (2-3 words) for best display

Landing Page Configuration

🎯 Purpose: Configure default landing page after login
📝 Format: Relative URL (e.g., /dashboard, /projects)
🏠 Default: Platform dashboard
🔧 Use Cases: Direct users to specific modules or custom pages

Theme Customization

▼

Available Color Palettes

Cyan

Modern, clean

Black

Sophisticated

Blue

Professional

Purple

Creative

🎨 Theme Impact: Colors affect navigation elements, button styles, accent colors, and visual consistency across all modules.

🎨 User Interface Options

ℹ️ About UI Options: These settings affect user experience and functionality across the platform.

Text Editor Configuration

▼

Feature Toggle

Rich Text Editor

✅ Default: Enabled
🎯 Purpose: Provides formatting options for text fields
🔧 Features: Bold, italic, lists, links, formatting tools
👥 User Benefit: Enhanced content creation capabilities

Audio Features

▼

Feature Toggle

Audio Recording

✅ Default: Enabled
🎯 Purpose: Allows users to record audio within platform
🔧 Use Cases: Voice notes, audio comments, meeting recordings
⚠️ Requirements: Browser microphone permissions

User Theme Controls

▼

User Feature

Theme Color Changer

✅ Default: Enabled
🎯 Purpose: Allows users to change theme colors personally
👥 User Benefit: Personal customization without affecting others
📍 Location: Available in user interface elements

Data Display Settings

▼

Pagination Settings

Default: 10 rows per page

🎯 Purpose: Sets default number of items shown in data tables
⚡ Performance: Lower numbers improve loading speed
⚙️ Options: Multiple row count options available

Scrollbar Configuration

🔧 Default: jQuery
🎯 Purpose: Selects scrollbar implementation
👥 User Impact: Affects scrolling experience across platform

Filter Bar Behavior

🔧 Default: Keep filter bar collapsed
🎯 Purpose: Controls initial state of data filters
👥 User Benefit: Cleaner interface with expandable filtering

🌐 Top Menu Configuration

⚠️ Important: This menu will be visible only on public-facing pages, not the admin interface.

Public Page Navigation

▼

Public Feature

Enable Top Menu

✅ Default: Enabled
🎯 Purpose: Controls navigation menu on public-facing pages
🌐 Scope: Only affects public pages (not admin interface)
💼 Use Cases: Public-facing websites, client portals

Configuration Steps:

Enable or disable top menu as needed
Configure menu items (additional options available)
Test on public pages to verify appearance
Save configuration

🦶 Footer Configuration

ℹ️ Visibility: This footer will be visible on all public pages.

Public Page Footer

▼

Public Feature

Enable Footer

✅ Default: Enabled
🎯 Purpose: Controls footer display on public-facing pages
🌐 Scope: Visible on all public pages

Additional Configuration Options

📝 Footer Content: Manage footer text and information
🔗 Footer Links: Configure navigation and external links
⚖️ Copyright Info: Legal and copyright information
📞 Contact Details: Business contact information
📱 Social Media: Social media links and icons

Configuration Process:

Enable or disable footer as required
Configure footer content and links
Test footer appearance on public pages
Save configuration

📱 Progressive Web App Configuration

🚀 Benefits: PWA settings enable native-like mobile app experience with offline functionality.

Mobile App Icon

▼

📐 Required Dimensions: 192x192 pixels for optimal compatibility

🎯 Purpose: App icon when platform is installed as mobile app
📝 Format: PNG recommended for best compatibility
⚙️ Upload Options: Upload and crop, or direct upload

App Theme Color

▼

Current Value: #1c2026 (dark gray/black)

Theme Color Impact

📱 Mobile Browser: Browser address bar color on mobile devices
🎨 App Theme: Overall app theme when installed as PWA
🔧 System Integration: Native OS integration colors
👀 User Experience: Native app appearance and feel

PWA Capabilities

▼

When properly configured, PWA enables:

📱 Native Installation: Install as app on mobile devices
📴 Offline Functionality: Work with cached content offline
🎨 App-like Experience: Custom icons and themes
🔧 OS Integration: Integration with device operating system
⚡ Performance: Improved loading and user experience

🧭 Quick Navigation

Branding

UI Options

Public Pages

PWA

🏢 Platform Branding & Core Settings

Logo Configuration

Site Logo Upload

Logo Setup Steps:

Sign-in Page Customization

Application Configuration

Theme Customization

🎨 User Interface Options

Text Editor Configuration

Rich Text Editor

Audio Features

User Theme Controls

Data Display Settings

🌐 Top Menu Configuration

Public Page Navigation

Enable Top Menu

Configuration Steps:

🦶 Footer Configuration

Public Page Footer

Enable Footer

Additional Configuration Options

Configuration Process:

📱 Progressive Web App Configuration

Mobile App Icon

App Theme Color

PWA Capabilities

📚 Related Settings & Resources

✅ Configuration Best Practices