[Question] Setting of default value for css property in StyleManager config does not affect style of new added block?

Question

I have a question. When css property is added to StyleManager configuration, for example I added color and set defaults to green (just for test):

name: 'Typography', open: false, buildProps: ['color'], properties:[{ name: 'Font color', property: 'color', defaults: "green"}, …

Looks like it does not affect text color of new added blocks? I dropped text block to canvas - text color is black. When I open style manager panel, i see that color is set to green. The same is with other properties I tried (width, height).

artf · Accepted Answer

Hi @angyLe the style manager just builds properties, in a kind of "blind-way", and some of their properties don't affect directly the target (component/rule). In this case the defaults it's more like a hint to show to the user when the property has no value. For this reason, from a practical point of view, you have to build your properties by following the CSS specifications and making them different doesn't make that much sense.

angyLe · Answer

I didn't want to make properties different then in specification. I just wanted to set default value for existing properties. For example i want that width of the text box will be 100px, so when it is added to canvas it will be 100px . I thought than i can configure it in StyleManager by setting defaults for property ''width'. But it looks like it doesnot affect width of the box which was added to canvas. Or am i doing something wrong? How can i achive this?

balchen · Answer

@artf I'm sorry, I couldn't understand your answer (@angyLe and I work together on implementing grapesjs in our system, so I know what the question was). When I read your answer, it is my understanding that you are saying the following: 1) default values for properties are not immediately applied to new instances of components 2) default values for properties are shown in the Style Manager as if they have been applied to the component, even if they actually haven't That doesn't sound right, so...

Setting of default value for css property in StyleManager config does not affect style of new added block?

Question

Answers (3)

Related Questions and Answers

[Question]: How update style manager panel using few devices and custom css class

FEAT: Adding options to properties list array in style manager

FEAT: In Style Manager, Allow Requiring the Default Setting

typography sector not found

Paid Plugins That Match This Issue

Browse Plugin Categories