search

bit101 / quicksettings

JavaScript library for making a quick settings panel to control code parameters.
MIT License
458 stars 52 forks source link

Subpanels #30

Open Dannsei opened 7 years ago

Dannsei commented 7 years ago

Hi - quicksettings is what I was looking for - a quick and easy way to create this kind of UI. Thanks for this great work!

It would be great to be able to arrange items horizontally in a panel. For example having a group of buttons in a horizontal layout.

From a user perspective, the intuitive way to use this requested feature would be to create a second panel (with a horizontal layout) and to add this to the main panel as a component: .addPanel(HorizontalPanelTitle)

Alternatively, when creating the subpanel, specify the title of the parent panel as parent. (I see the quicksettings.create method already allows parent to be specified, but I wasn’t able to get this working with another panel as parent).

Buttons (and other components) could then be added to the subpanel in the usual way. (this horizontal subpanel could also be used to create a menu bar). The advantage of the first approach is that it would allow the subpanel to be put in a specific position within its parent panel.

In essence there would be two kinds of panels: a vertical layout panel (as currently) and a horizontal layout panel, and either kind of panel could be a component/child of another panel (and either kind could be a main panel). (Then one could have vertical panels opening from a menu bar etc.).

If adopting that approach, it would also be very cool to have a setLocalChangeHandler method to set a function that is called whenever a value in that subpanel in changed (with the subpanel title and handler as arguments). The handler might then control e.g. how selection of one checkbox component deselects some others in that subpanel.

bit101 commented 6 years ago

Thanks for the feedback and sorry for the delay. I'll try to look into some of the issues here some time soon.

ricardocanada commented 5 years ago

I second the request for a horizontal button panel. For many programs I have written in other languages, that is usually my preferred layout. Especially on touch screens, it keeps the user's fingers from blocking the view of what they are trying to achieve.