GrapesJS / grapesjs

Free and Open source Web Builder Framework. Next generation tool for building templates without coding
https://grapesjs.com
BSD 3-Clause "New" or "Revised" License
22.37k stars 4.05k forks source link

BUG: Background modification doesn't work for non-images #4257

Closed DavidHarvey closed 2 years ago

DavidHarvey commented 2 years ago

GrapesJS version

What browser are you using?

Chrome v100

Reproducible demo link

https://grapesjs.com/demo.html

Describe the bug

How to reproduce the bug?

  1. Click any component, scroll to Decorations > Background in the style manager
  2. Attempt to create a background with a basic color or gradient

What is the expected behavior? I should be able to set a background with a color or gradient (in addition to image).

What is the current behavior? I am only able to select an image for the background.

image (Note that clicking on the color-picker looking area in the top right does nothing)

Code of Conduct

Vac1911 commented 2 years ago

You can use the background color input for an image color but the UI looks confusing and should be changed. image

artf commented 2 years ago

Yeah, I disabled the previous plugin with color/gradients as it's not compatible with the latest versions but I'll work on it soon. For now, I close this issue as it has nothing to do with the core itself.

bit-ocean commented 2 years ago

Hi @artf Is there a chance that this feature could get some attention? I find it fundamental. There is a lot of great functionality added to grapesjs since 0.17.29 (the last one grapesjs-style-bg plugin supports) and I would love to use the new versions of grapesjs. Its great functionality offering easy workflow in layers of gradients, colors and transparency of images is crucial to me and holds back from upgrading. Thank you so much for your consideration.