While I’m not especially fond of the Pinegrow UI, there is one feature that I really like, which I think would make a great addition to Bootstrap Studio. When you select an element (aka “Component”) in Pinegrow’s Tree panel (the equivalent of BSS’s Overview panel) a small context menu appears which allows you to use your mouse to do the following to your selection…
- Delete
- Hide/Show
- Move Up
- Move Down
- Indent One Level
- Outdent One Level
- Insert Before
- Insert After
- Insert Into (prepend)
- Insert Into (append)
- Collapse/Expand All
In BSS, you can right-click the mouse and choose most of these from the context menu, but the specifically useful ones that are missing in BSS but present in Pinegrow are Move Up, Move Down, Indent One Level and Outdent One Level.
In BSS, you do this by grabbing the Component and dragging it with this mouse, but this can sometime get a little dicey when you want to move the Component very far up or down (or in/out.)
Being able to just click on a single button in a menu that appears automatically when you select a Component in the Overview would speed up development. The above picture is the Pinegrow UI showing the menu I’m describing, and I’ve hovered my mouse over two of the selections to illustrate exactly what I’m talking about.
What do you think @martin