Navigation Path: Admin Dashboard → Settings → Admin Panel Settings
URL:
URL:
/admin/AdminPanelOverview
Customize your admin dashboard appearance, including logos, colors, sidebar settings, and layout to match your brand identity.Branding
Upload logos and set brand colors
Layout
Configure sidebar and dashboard
Colors
Customize color scheme
Settings
Date format, timezone, and sessions
Logo & Branding
Upload custom logos to personalize your admin dashboard.| Logo Type | Size | Format | Location |
|---|---|---|---|
| Main Logo | 180 x 50 px | PNG, SVG | Dashboard header |
| Favicon | 32 x 32 px | ICO, PNG | Browser tab |
| Login Logo | 200 x 80 px | PNG, SVG | Login page |
| Sidebar Logo | 40 x 40 px | PNG, SVG | Collapsed sidebar |
Logo Usage: The main logo appears in the dashboard header, favicon in browser tabs, login logo on the authentication page, and sidebar logo when the navigation is collapsed. Each serves a specific purpose in the user experience.
Color Scheme
Customize colors to match your brand identity.| Setting | Used For | Example |
|---|---|---|
| Primary Color | Buttons, links, highlights | #3B82F6 |
| Secondary Color | Accents, badges | #8B5CF6 |
| Sidebar Background | Navigation sidebar | #1F2937 |
| Sidebar Text | Menu items | #FFFFFF |
| Header Background | Top bar | #FFFFFF |
- Professional Blue
- Modern Dark
- Clean Minimal
- Primary:
#3B82F6 - Secondary:
#10B981 - Sidebar BG:
#1E293B - Sidebar Text:
#F1F5F9 - Header BG:
#FFFFFF
Sidebar Configuration
Configure the navigation sidebar appearance and behavior.| Setting | Options | Recommendation |
|---|---|---|
| Style | Fixed, Collapsible, Mini, Overlay | Collapsible |
| Default State | Expanded, Collapsed | Expanded for desktop |
| Position | Left, Right | Left |
- Group related items (Management, Financial, Support, System)
- Limit to 8-10 top-level items
- Use clear icons and labels
Sidebar Styles:
- Fixed: Always visible, good for desktop users
- Collapsible: Can expand/collapse for flexibility
- Mini: Always shows icons only for maximum space
- Overlay: Slides over content, mobile-friendly
Dashboard Widgets
Configure which widgets appear on your dashboard: Statistics: Total Users, Active Websites, Revenue, Pending TicketsCharts: Revenue, User Growth, Website Creation, Ticket Volume
Activity: Recent Users, Websites, Payments, Tickets For each widget, set visibility, position, size, and refresh rate.
Additional Settings
Date & Time:- Date Format:
MM/DD/YYYY,DD/MM/YYYY,YYYY-MM-DD - Time Format: 12-hour or 24-hour
- Timezone: Set to your business location
- Session Timeout: 30-60 minutes recommended
- Remember Me: Enable for trusted devices only
Best Practices
Branding Consistency
Branding Consistency
- Use consistent colors across all logos and UI elements
- Match admin panel branding with public website
- Keep logos professional, clear, and recognizable
- Use high-quality image files optimized for web
- Maintain visual hierarchy with primary and secondary colors
- Test branding on different screen sizes
- Update branding assets when company identity changes
User Experience
User Experience
- Keep frequently used items easily accessible
- Use clear, descriptive menu labels
- Organize widgets logically by importance
- Minimize clutter on dashboard
- Test on different screen sizes and devices
- Use collapsible sidebar for tablets
- Optimize for common screen resolutions
Performance
Performance
- Compress logo images before uploading
- Limit number of dashboard widgets (5-8 max)
- Set appropriate widget refresh rates
- Use SVG format for logos when possible
- Don’t load unnecessary widgets
- Cache static assets effectively
- Monitor dashboard loading performance
Accessibility
Accessibility
- Ensure sufficient color contrast (WCAG AA minimum)
- Provide text alternatives for icons
- Support keyboard navigation
- Test with screen readers
- Don’t rely on color alone to convey information
- Use readable font sizes (14px minimum)
- Provide clear focus indicators
Troubleshooting
Logo Not Displaying
Logo Not Displaying
Issue: Uploaded logo doesn’t appearSolutions:
- Compress image file to under 500KB
- Use PNG or SVG format only
- Resize to recommended dimensions
- Clear browser cache (Ctrl+F5)
- Clear server/application cache
- Check file permissions on server
- Try re-uploading the logo
Colors Not Applying
Colors Not Applying
Issue: Custom colors not showingSolutions:
- Verify hex codes are valid (e.g., #3B82F6)
- Save settings again
- Clear application cache
- Clear browser cache
- Test in incognito/private mode
- Check for CSS overrides in theme
- Verify no conflicting custom CSS
Sidebar Not Collapsing
Sidebar Not Collapsing
Dashboard Widgets Missing
Dashboard Widgets Missing
Issue: Widgets not appearing on dashboardSolutions:
- Check widget visibility settings
- Verify user has permission to view widgets
- Review error logs for issues
- Clear dashboard cache
- Reset widget layout to default
- Check data sources are accessible
- Verify database connection is active
Quick Reference
Customization Checklist
- Upload all logos (main, favicon, login, sidebar)
- Set primary and secondary colors
- Configure sidebar colors and style
- Organize menu items logically
- Configure dashboard widgets
- Set date/time format and timezone
- Configure session timeout
- Test on different devices and browsers
Logo Specifications
| Logo Type | Size | Format | Notes |
|---|---|---|---|
| Main Logo | 180 x 50 px | PNG, SVG | Transparent background |
| Favicon | 32 x 32 px | ICO, PNG | Simple, recognizable |
| Login Logo | 200 x 80 px | PNG, SVG | Can be detailed |
| Sidebar Logo | 40 x 40 px | PNG, SVG | Square, simple |