bismuth icon indicating copy to clipboard operation
bismuth copied to clipboard

[FEATURE]: Layout Tab & Custom Layouts

Open GarlandKey opened this issue 3 years ago • 1 comments

Summary

I propose moving the Customize Layouts... button in the Behavior tab to its own tab. This would be more intuitive and would allow a more feature rich UI. An easy visual aid could be provided to new users so that they have an idea of what each layout does without having to test each one.

From there, an option to visually add custom layouts could be added. This would be helpful for users with non-standard sized monitors. For example, users with large 4k monitors/tvs could create a layout with 3 columns and 2 rows. They could fine tune this by making the center column take up 50% of the screen, while each side column only takes up 25% of the screen.

A clear and concise description of what you want to happen

  • A new tab should be added called Layouts. When clicked, it should show a visual representation of each layout, including any user created layouts.

  • At the top of the page, each display should be listed. The user should be able to choose a display and then select which layouts they want enabled for that particular display. This would be particularly useful for users who have multiple monitors of different sizes.

  • Any layouts that have extra settings should have an edit button in the top right corner of that layout. If a user wants to disable a layout, they should be able to click a check box in the upper left corner of that layout.

Bismuth Layouts Tab Prototype

  • At the bottom of the page, there should be a Create Custom Layout button. When clicked, a new window should slide into view that allows the user to visually create a custom layout.

Bismuth Create Custom Layout Prototype

  • If the user clicks inside of the window once, a vertical separator should appear.

Bismuth Create Custom Layout Prototype Click A

  • If the user double clicks inside of the window, a horizontal separator should appear.

Bismuth Create Custom Layout Prototype Click B

  • If the user clicks on the separator handle and drags, it should move the position of the separator.

Bismuth Create Custom Layout Prototype Drag

  • If the user wants more accuracy, they can manually type the location of the separator using a percentage format.

Bismuth Create Custom Layout Prototype Percentage

GarlandKey avatar Nov 25 '21 11:11 GarlandKey

Layout editor is on the roadmap right after we finish the Plasma applet. Thank you for the detailed screenshots and explanations.

gikari avatar Nov 25 '21 12:11 gikari