How to add toolbar functionality to the layers panel.
At the moment, there is no easy way to change/customize navigator items content. What we could add next is a new callback option in configs that would be executed inside ItemView template and would allow any HTML content (similar to custom render in Blocks) I don't have any priority on this so PRs are welcome
Read full answer below ↓Question
I am trying to add the toolbar to the layers panel and I am not sure how to go about this.
Is there any way to accomplish this?
toolbar
Where I would like to place them:
Thank you for your response guys!
Answers (3)
At the moment, there is no easy way to change/customize navigator items content. What we could add next is a new callback option in configs that would be executed inside ItemView template and would allow any HTML content (similar to custom render in Blocks) I don't have any priority on this so PRs...
@pouyamiralayi This is what i mean
Actually, it should be possible now to use the layerManager.onRender callback option
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1434
Toolbar Hide text element
@artf Please check you demo page text is hiding under the toolbar. how can we update the toolbar position?
Issue #1791
Name of the destination
@artf, Is there any way to show the name of the destination element ?
Issue #2592
Modal width
Hello, is there a way to set a modal's width, its currently set to 850px by CSS, but I would like to create a dialog with a small amount of...
Issue #1356
Add "Insert" button to assets manager
How would you go about adding a "Insert image" button to the assets manager modal? At the moment the "Add Image" may be confusing to some w...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.