# Visual edit controls for margin and padding

**URL:** https://forum.pinegrow.com/t/visual-edit-controls-for-margin-and-padding/882
**Category:** Feature Request
**Created:** [April 24, 2017, 2:11pm UTC](https://forum.pinegrow.com/t/visual-edit-controls-for-margin-and-padding/882 "2017-04-24T14:11:35Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)
#### Post date: [April 25, 2017, 1:39pm UTC](https://forum.pinegrow.com/t/visual-edit-controls-for-margin-and-padding/882/2 "2017-04-25T13:39:07Z")

</div>

In general, I too have been wondering about this concerning the UI overall, ever since talk of an improved UI was coming in Pinegrow Version 3.

It was [discussed briefly here in this previous thread](http://forum.pinegrow.com/t/pg-interface-question/375/4) by @matjaz (via the link) & @MhdAljuboori, concerning the “Properties Panel”, etc., being reworked, and a few overall thoughts from myself there as well.

Just for the sake of discussion and comparison - here are just a few gathered GUI’s showing various structure, organization, segmentation, along with inputs, etc., **Some being more logical and natural than others.**

 ![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/4d871286f8233c3a4beb7c90898d6fd51629e382.jpg)

* * *

**// ——————————————————————**

**EDIT:**

Added app names to picture.

Here are the names as well, from left to right they are:  
Pinegrow, Bootstrap Studio, Macaw, Scarlet, Tandem Code, GrapeJS, Xpressive, Webflow, Blocs

Obviously there are many others as well. I really didn’t touch upon the various cloud offerings (Aside from Webflow since it was mentioned to begin the thread). Those are “just a few” as mentioned above, others exist as well.

However, some are yet to be released like Tandem. While others are abandoned like, Macaw and sadly the followup which was to be Scarlet as it looked brilliant. Xpressive also seems inactive, but it seems like a really nice idea and execution overall. For the Blocs image I actually merged all the tabs into one stacked image. All the other UI’s are as they appear, while some have further inputs as well that were not included.

Of course you don’t see the general functionality and user interaction aspects from the static picture. Things such as popups, slider bars, expanding and collapsing, units types (px, em, rem, etc.), color pickers, etc., etc.,

But non the less each offers good nuggets of inspiration that can be gleaned from all regarding UI inspiration.

PS: Tandem Code - is the one which has “potential” aspects which somewhat remind me of Pinegrow, it seems like an interesting project, time will tell. Perhaps the similarities are just my own perception however.

**// ——————————————————————**

* * *

I trust Pinegrow v3 will improve in these areas overall concerning the UI/UX. The underlying data is already there, so its just merely a matter of better improving it’s structure, organization, segmentation and the various user inputs [as discussed previously in the above linked thread].

Have faith …

> [@When does Pinegrow 3.0 come?](https://forum.pinegrow.com/t/when-does-pinegrow-3-0-come/624/11):
>
> We’re all focused on shipping PG 3 as soon as possible. That said, compared to v1 and v2, for v3 **we’re not making any compromises in terms of UI usability** and core features […] Most features are in place now and **we’re implementing the new UI** and design.

> [@Data-Attributes](https://forum.pinegrow.com/t/data-attributes/133/2):
>
> **Better PROP panel** is on the to-do list for PG 3.0, as well as **redesigned CSS editor**.

^ So … I trust it will all work out.

😉 🌲 ❤

---

_[View the full topic](https://forum.pinegrow.com/t/visual-edit-controls-for-margin-and-padding/882)._