Multi-Dashboard

Option to create multiple Dashboards.

To consider:

  • Access to the button to create one or more secondary dashboards,
  • Naming of secondary Dashboards,
  • Access to secondary Dashboards (swipe left/right, left/right buttons, dropdown menu at the top and bottom of the page, …)

Hello everyone!

Now that multi-user is complete, I’m going to start working on multi-dashboard :slight_smile:

I have a first idea (a bit simplistic, I’m really not sure):

The idea here was to keep a « main » dashboard (the homepage), and then have secondary dashboards grouped in « dashboards ».

This is one possibility, but it’s not the only one.

Another possibility would be to have just the home page, and on the home page put a selector (I’m not sure where), which would allow you to select which dashboard to display.

If anyone has any ideas about this, I’m open to suggestions!

Fast like that on mobile it’s going to be annoying because it will create a double menu.

Is a lateral tab system possible? Given that it should only load if the tab is displayed.

I think the UI/UX won’t be simple.

Well spotted!

Side tab? Won’t that be a bit heavy? Do you have something specific in mind?

Otherwise, a kind of selector at the top of the dashboard.. like the « react-select » selector we use everywhere for devices with the search

  • Have a button in the settings to enable multi-dashboard.

Is a side tab a side slide?
I would like to see a dashboard change by sliding to the right or left, like on mobile. With the possibility of naming the dashboard.

Gladys!!! It’s so cool… :sweat_smile:

Not stupid, the slide, the only thing that will be annoying is that if you have 5 dashboards, to go from the 1st to the 5th you will have to scroll through everything. I think whatever we choose, we should keep direct access to the desired dashboard.

Maybe a mix of slider/select?

Yes, it can be both options:

  • a dashboard selector at the top of the page (dropdown menu)
  • the slider

I’m afraid it will quickly be a mess on mobile if there is a double horizontal and vertical scroll… it drives me crazy when sites do that :stuck_out_tongue:

The select seems cleaner to me

Knowing that each dashboard will have its unique URL, so the user can bookmark a dashboard for direct access!

Is it possible to plan this only for screens of a certain size (for tablets and computer screens) while excluding phone screen dimensions?

For a responsive site, this can be done, but I’m not sure about this case.

Hello everyone!

I would have loved to dive into this feature (since it’s the most requested), but we need to solve the UX issue: how to display it? Multi-dashboard is very easy to code, but there’s no point in starting without having the mockups (browser and mobile).

I posted on Twitter to see if there are any designers with ideas :slight_smile:

https://twitter.com/pierregillesl/status/1411945238726209542

I’m posting the Twitter responses here for archiving:

Indeed, it looks great like this, even on mobile:

Short video of how it works, I’m still testing to see how it feels in terms of UX :slight_smile:

I really like it!

https://streamable.com/pz2gkh

I like it too, and it doesn’t overload the menus

You’re gonna love this :smiley:

Full-screen mode !!

https://streamable.com/vn2t5f

Hello @pierre-gilles

Really great :+1:

Edit: If one day you feel like doing the Tuya service and you don’t have a device, know that I can send you one :grin:

Indeed, the full-screen mode is great.
And for the multi-dashboard, would it be possible to choose tabs instead of the dropdown menu?

No, I think tabs will be redundant with the tabs above!

Sorry, there is already too much work on the core, I dedicate myself to the core and leave the integrations to those who have the equipment :slight_smile: Because developing is one thing, maintaining is another, so for an integration to be sustainable, it is better to have a « referent » who has equipment permanently (like @cicoub13 on the Zigbee2mqtt) and who can maintain the integration.

We have seen historically that integrations developed « blindly » or by someone who did not really have the equipment, just results in integrations that are not well maintained and cause problems. But we are straying from the multi dashboard :grinning_face_with_smiling_eyes: