Issue #499💬 AnsweredOpened November 9, 2017by arthuralmeidap1 reactions

Tabs inside Panel

快速解答by arthuralmeidap1

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

Read full answer below ↓

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, 2017

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

artfNovember 9, 2017

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, 2017

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...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

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.

All tutorials →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.