[QUESTION]: How can I create block with background image with behavior like built-in "image"?

Question

Hello, I'm trying to create block with background image (similar to Grapedrop Image Box). I added new component like this: And also I added block: But unfortunatelly I cannot drop any block inside of it: Grapedrop Image Box has the same issue. Is it possible to drop elements inside of such compoent?

kuhelbeher · Accepted Answer

@noogen Thanks for advise, implemented it like this:

noogen · Answer

@kuhelbeher because, ultimately, it is still an image. It's not for use/override the way you want because in the back-end code (look at both image component model and view) https://github.com/artf/grapesjs/blob/dev/src/domcomponents/view/ComponentImageView.js#L55 and https://github.com/artf/grapesjs/blob/dev/src/domcomponents/model/ComponentImage.js#L83 are still very much ties together. It's better that you create a wrapper component and execute command open-assets in onActive of the view. Hin...

How can I create block with background image with behavior like built-in "image"?

Question

Answers (2)

Related Questions and Answers

[QUESTION] Problem with custom component type and table cell

[QUESTION] How to update styles in Style Manager

[QUESTION] Custom Component dragging issue

[QUESTION] Update component view on property change

Paid Plugins That Match This Issue

Browse Plugin Categories