The UI for Margin and Padding properties inside the sector
Hi @jayeshmotwani, wich version are you using? I've just copy/paste your code and it seems working as you expect like in your second image, not the first. I've also did it in the demo, works fine, the properties are organized with 2 prop in the same row. See below:
Read full answer below ↓Question
Hello, I am creating a sector for just margin and padding with the code below: And the sector is created with Margin Properties as shown in below screenshot: As you could see, the properties are placed in the same row. I want them to be displayed as 2 properties only in a row. Please refer the below screenshot for more information: Thanks for your help.
Answers (3)
Hi @jayeshmotwani, wich version are you using? I've just copy/paste your code and it seems working as you expect like in your second image, not the first. I've also did it in the demo, works fine, the properties are organized with 2 prop in the same row. See below:
Hello @RJCAM,
Thanks for your reply. I am using version 0.16.18
Ahhh! I just realized! It is because I increased the size of the panel!
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1232
How to change the margin from px to rem
Hi @artf, Hope you are doing fine. I have changed the margin settings from "px" to "rem" in one of the element using below code: { property...
Issue #2458
[Question] Setting of default value for css property in StyleManager config does not affect style of new added block?
I have a question. When css property is added to StyleManager configuration, for example I added color and set defaults to green (just for...
Issue #1245
How to set slider in margin-top property
Hi @artf, Can you please let me know how we can set the slider in margin-top property.I am setting with the below code but slider is moving...
Issue #3294
FEAT: Adding options to properties list array in style manager
Hi, How can I add buildProps to properties list such that when an option is selected, the properties of that option will be displayed An ex...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.