Issue #499Opened November 9, 2017by arthuralmeidap1 reactions

Tabs inside Panel

Question

Hi @artf,

As you must know, at my company we are creating a product based on GrapesJS. We are trying to keep as close as possible from GrapesJS core. As developers we are trying our best to not create a fork from GrapesJS and keep contributing back to the repo. Now, we have a new feature to create and we would like to know if it's interesting for GrapesJS. We want to add tabs inside the blocks panel. It's works like the categories, they serve to group a specific set of blocks. Something like that <img width="253" alt="captura de tela 2017-11-09 as 15 55 03" src="https://user-images.githubusercontent.com/218371/32621280-6efd381e-c566-11e7-9d48-d029bc2c27cb.png">

Do you think is it good for Grapes? I mean, is there any chance that could be merged back to the grapes core?

We started to code something like that: (this is the grapesjs.init options)

tabManager: {
                defaultTab: 'content',
                tabs: [{
                    id: 'content',
                    label: 'Content',
                    attributes: {class:'gjs-fonts gjs-f-b1'},
                },{
                    id: 'layout',
                    label: 'Layout',
                    attributes: {class:'gjs-fonts gjs-f-b2'},
                }]
            },

            blockManager: {
                blocks: [{
                    id: 'b1',
                    label: '1 Block',
                    category: 'Basic',
                    tab: 'content',
                    attributes: {class:'gjs-fonts gjs-f-b1'},
                    content: `<div>text</div>`
                }

Let me know what you think about the idea. We love GrapesJS and we want to keep giving back to the project as possible as we can.

Answers (3)

arthuralmeidapNovember 10, 20171 reactions

You are the man!!! Thanks a lot!! I will try it !!!!

artfNovember 9, 20170 reactions

Thanks Arthur, really appreciate your help. Seems like you're doing an awesome work, I think this feature could be a perfect candidate for a plugin :)

arthuralmeidapNovember 9, 20170 reactions

I need to make some changes into some Models/Views inside GrapesJS.

How can I achieve with plugins? Any ideas?

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.