Property gradient is not working

[perfect-coders]

Hi @artf. I have used the GrapesJS Style Gradient plugin and do the same as it is suggested. But it is not making the gradient in the settings. I am giving like that { name: 'Gradient', property: 'background-image', type: 'gradient', defaults: 'none' }

Also When I added the "artf/grapesjs-style-gradient" plugin through grapes method like this plugins: [ 'gjs-style-gradient'], pluginsOpts: { 'gjs-style-gradient': { colorPicker: 'default', grapickOpts: { min: 1, max: 99, }
},

It is showing the error :- Plugin gjs-style-gradient not found

[artf]

Plugin gjs-style-gradient not found

Are you sure you've imported it correctly?

[perfect-coders]

This is how the gradient property is coming.

And this is how I am doing / Page Settings / { name : 'Page Settings', open : true, buildProps : ['background-color','background','background-repeat','background-size','background-position', 'background-attachment'], properties : [ { name: 'Gradient', property: 'background-image', type: 'gradient', defaults: 'none' }, { property : 'background-color', name: 'Background Color', }, { property : 'background', name: 'Background Image', }, { property : 'background-size', name: 'Sizing', }, { property : 'background-position', name: 'Alignment', }, { property : 'background-repeat', name: 'Repeat', }, { property : 'background-attachment', name: 'Attachment', }, ] },

please see this fiddle https://jsfiddle.net/3h7bthy3/#&togetherjs=GH3IytSyog

[artf]

Your fiddle doesn't work (you didn't setup it correctly), btw this is the demo, it uses the latest version and it works as expected

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.