New Dashboard UI
Welcome to the new and improved Dashboard! This update makes it easier and faster to control your devices with a clean look and smarter features. Here’s a simple guide to help you get started.
Getting Started with the New Dashboard UI
Accessing the Dashboard :
To access the new dashboard, log in to the application and navigate to the main dashboard section from the navigation menu. You may be automatically redirected to the new UI.
This section of the app allows users to manage and customize lighting behaviors across multiple physical devices and virtual groups. It provides centralized access to:
- Color Wheel
- Whites
- Lighting effects
- Static Presets
- RGBW sliders
- Schedule
Dashboard Layout Overview :
At the top of the screen, you’ll find:
| Element | Description |
| ☰ Menu Icon | Opens more options: Controls, Features, Profile, Add Device, etc. |
| Main Title | Shows what page you’re on (like "Main"). |
| 🔍 Search Icon | Quickly find your devices. |
| Network Icon (Top-Right) | See your networks or switch between them. |
1. Gateway Section :
This is the main control center where all devices connect.
-
Icons & Indicators:
-
🏠 = Gateway is on the same network as your device.
-
☁️ = Gateway is on a different network.
-
🅱️ = BLE mode is active (Bluetooth).
-
🏠 = Gateway is on the same network as your device.
- "Fetching Config…" means the system is loading. If it stays like this, it may be offline.
- Tap on the section to view: MAC & IP address, model, firmware, Edit/delete Gateway and more.
2. Linked Music Section :
Shows if music features are connected to your system.
- Icon = Music is linked.
- Tap to change the music device or view settings (like MAC address, firmware version, and linked to device name).
- Changed Linked group = use for change device linked with music master.
3. Spray Controller :
This section allows you to manage and operate devices grouped under the Spray Controller, which likely controls features, sprayers, or similar automation.
Manages devices for features like sprayers or special automation.
-
On/Off toggle for On/Off switch to control all at once.
-
🖉 Rename the device group.
- ⏰ Add or edit schedules.
4. Strip & Other more Devices:
Each device or group is shown clearly and works the same way.
Visual Elements:
| Property | Value |
| Devices Controlled | 1 Device ( its shows in group how many Connected devices) |
| Name | Strip (editable via ✏️ icon) |
| Power Switch Of Group | Toggle between ON (blue) and OFF (Red) |
Controls:
Colors: Choose light colors
Whites: Adjust warmth/coolness
Effects: Add animated lights.
Static Presets: Use saved settings.
RGBW Sliders: Fine-tune light colors.
Schedules: Set times to turn lights on/off or change effects.
5. Virtual Groups Section
This area manages logical groupings of devices, meaning you can control multiple lights as one group even if they are not physically linked.
- All Strip Group
| Attribute | Detail |
| Group Name | [All Strip] Editable with ✏️ |
| Number of Sub-Groups | [4 Groups] Shows how many mini-groups are inside. |
| Edit Option | 🖉 Pencil icon for renaming |
| Power Control | On/Off toggle for all 4 groups |
- Each group also has its own ON/OFF Toggle:
Global Controls (Bottom Panel) :
| Button | Action |
| 🔴 All Off | Instantly turns off all devices in all groups. |
| 🟢 All On | Instantly powers on all devices in all groups. |
Notes & Recommendations
-
Always keep the app and firmware of your devices up to date.
-
Use meaningful names when renaming device groups (e.g., “Living Room Lights”).
-
Check for typographical errors (like “Spary”) and correct them using the edit feature.
- Use the “All On/Off” buttons to quickly control groups without going into detailed settings.
If you have any questions, please reach out to us at support@bluehopper.com and we'd be happy to help.
Comments
0 comments
Please sign in to leave a comment.