question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Layers View UI Review

See original GitHub issue

Prerequisites

Description

Layers view current interface is mainly data-driven and does not exactly give the best user experience. See images below

image

image

image

From the images above you can see that the current state of the layers view enables up to 20 odd layers visible within a normal view frame. This is great for when the user wants to use many layers but not good for real estate when entering in queries or adding a description to the layer.

Ideally, the user would want:

  • 10 first layers easily accessible.
  • View query strings and descriptions with minimal/no extra clicks
  • Visibly differentiate an active layer from inactive

The issue currently is the width of the window for text input - It gets chopped or added into a scrollbar which makes it hard to view and edit. The interface at the bottom of the current view to add or disable all layers could also be docked. This would allow it to always be visible even with many layers added.

This ticket should be used as a sounding forum for new ideas and thoughts.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:13 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
aldebaran30701commented, Mar 25, 2022

I’ve done some UI mockups with very basic functionality, and would like peoples’ thoughts.

Notes:

  • I’d like to have the orange bar at the top saying Layers but not allowing it to be collapsible (just redundant i think)
  • I’d like to have the bottom menu bar pinned to the bottom so you won’t have to scroll when expanded
  • I’d like to disable the layer 0 and not allow it to be deleted. Also updating the text to better reflect that it is the whole graph.
  • I feel like the layers without a descriptions kind of seem bare.
  • The below structure is very quickly scratched up so relations are not correct, and is a WIP

Current progress: layerstrial

Current Structure: image

1reaction
antares1470commented, Mar 25, 2022

Looking good @aldebaran30701. Agreeing with most of your notes. Regarding layers with no descriptions seeming bare, I think that is just going to be a natural consequence of structuring the UI the way you have and maybe just one that needs to be accepted. The only thing I could really think of to “fix” it would be to add a default description, but I reckon there’s a chance that might look even messier than no description at all

Read more comments on GitHub >

github_iconTop Results From Across the Web

Divi Layers View - Elegant Themes
Today we are excited to introduce Divi Layers View, a brand new editing panel in the builder that allows you to quickly view,...
Read more >
Layers Review: Is This The Best WordPress Website Builder?
This tool gives you the ability to create multiple custom page layouts to help you build the website you've always wanted – without...
Read more >
What should the View layer be responsible for in Android?
So we end up having quite a strong coverage for non-UI elements of the app, and a few integration tests to test end-to-end...
Read more >
UI layer - Android Developers
The UI layer is the pipeline that converts application data changes to a form that the UI can present and then displays it....
Read more >
Layers, by Obox, introduces a beautiful page building interface
I am very impressed with Obox's onboarding. Upon theme activation, it takes you straight to a progressive walk-through that helps you learn about...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found