How avoid dashboard overlaps with transient UI elements like recording button, navigation,...

Georg D shared this question 2 months ago
Answered

I migrated from Locus 3 to 4.25.1 and have major difficulties layouting a dashboard because Locus 4 has many more transient/temporarily visible UI elements, e.g. recording button, navigation bar, padlock icon, mini compass,... and size of map scale does vary greatly. So despite everything is looking fine during dashboard creation time and hours of using Locus, suddenly overlaps appear like at top left here

18a8552d52b77e872a5217f606308dd2

What are solutions for this?

I tried but failed with these approaches:

  • Dashboard does not automatically resize or move and I did not find a setting described in https://help.locusmap.eu/topic/dashboard-does-not-resize-correctly
  • I did not find a row/column/cell style "remaining space" for flexible auto-width / auto-heigth cells
  • I did not find a row/column/cell style "as much left/top/right/bottom as possible"
  • I did not find a "float around other UI elements"
  • I did not find a way to show all possible UI elements during dashboard creation

Best solution is to position all dashboard elements in the middle of the screen – which is looking odd in my eyes when none of the transient UI elements are shown:

eb571273609a00f8fa8766d5c4872d79

Replies (2)

photo
1

Hi Georg,

firstly, we do realize the dashboard has glitches and it is awaiting a major overhaul. Nevertheless, there are options to place the dashboard values above, below, on top or bottom of the main screen and the top or bottom panels can resize it, see https://docs.locusmap.app/doku.php?id=manual:user_guide:tools:dashboards#position.

photo
1

Hi Menion,

thank you for pointing out the positioning options; I was not any more aware of them.

Maybe it's rather quick and easy to add an option to dashboard's settings that toggles between transparent and function panel's background? πŸ™‚
Detailed motivation: If I choose top/bottom screen overlay, the dashboard gets a rather dark background which makes the map hardly legible in the whole dashboard area – while in Whole screen overlay, only the text itself blocks the map readability – and the display does IMHO not fit visually appealing into the elegant look of Locus v4: Black icons on grey background have low contrast while all other icons have strong contrast, which is important for readability in strong sunlight. The dashboard produces a large dark block with rectangular corners while the rest of the screen is nearly completely bright except few rounded dark elements (I have empty bottom function panel and auto-high top + side panels).

80530c8c87f266945138b41ad9f6c3e6


If the big overhaul is needing some time, maybe one of the following changes is quick & simple to implement to make dashboard position setting Whole screen overlay useable without overlaps πŸ™‚

  • In the screen center, there is always a box that is free of UI elements – in above screenshot, the box stretches across full width and vertically below Β© and above map content button. If that box size + position is easy to calculate, Resize by top panel and Resize by the bottom panel could be revamped to Move or resize by visible UI elements so dashboard layout logic stays untouched while only it's rendering position and possibly size flexibly adapts to transient UI elements, i.e. if full dashboard fits into free box, it's smoved there, if dashboard is too big, dashboard will be shrinked to fit => no overlaps, but in some cases (large dashboard and many visible UI elements) dashboard content will be "flying somehere in the middle"
  • Adding row style "as much left/top/right/bottom as possible without overlap" similar to current icon positioning in edit cell dialog (see screenshot below) => no overlaps, each dashboard cell can be made sticking as much to the display borders as possible independant of other cells, users can much more freely place dashboard cells (using existing row+cell style "weight" which seems to be auto-ajusting the size)

f845c1e59f083c6ce74a09e0898a2758


BTW, in https://docs.locusmap.app/doku.php?id=manual:user_guide:tools:dashboards#position the heading "Position" shall be changed to "Settings" as this is the term in the app and in that dialog, also other stuff besides position can be configured.

Best regards,
Georg

Leave a Comment
 
Attach a file