How to correctly define background-image in sectorManager?

[alemenciones]

this is my sector defined:

i have a problem when i want add an image and a gradient, i'm searching the way to see the css like in layers:
background-image: linear-gradient(to right, rgba(1, 2, 3, 4) 5%, rgba(1, 2,3,4) 5%), url(/assets/shared/accounting-blur-business.jpg);

-> linear-gradient() and url() separated by "," <-

somethings i find this:

or this:


just the gradient, why?

Can you help me with this please?

[artf]

You have 2 properties that apply the value on the same CSS property. There is no way to achieve that with configurations, I'd suggest creating a new type where you're free to perform your logic.

[alemenciones]

Hello dear, thanks for your answer.

What is the correctly way to build the sector?

If i'm will try to build the background sector with type: "bg" with grapes-style-bg.min.js...

i have some problems:

[alemenciones]

some like this maybe?

{ name : "Background", property : "background", type : "stack", preview : true, detached: true, properties: [ { name: "Image", property: "background-image", type: "file", defaults: "none", }, { name: "Repeat", property: "background-repeat" }, { name: "Position", property: "background-position" }, { name: "Size", property: "background-size"}, { name: "Background Gradient", property: "background-image", type: "gradient", defaults: "100" }, { name: "Background Color", property: "background-color", type: "color", defaults: "", } ] },

[alemenciones]

I just needed to update my version of grapesjs.