Editor only meant to be fullscreen?
There is a width option if you want, but it should adapt correctly to the parent width. To get a better of what is wrong with your layout a live demo in jsfiddle would be great
Read full answer below ↓Question
I have successfully contained div id="gjs" inside of another div container so that it would not take up the full screen. I am doing this so that my own navigation bars can be show above and to the left of the grapesjs editor.
I have tweaked the height: '100%' value and found that to help, but I could not find a value for width.
I have found that the color picker is now running off the right side of the screen and before I go any further, wanted to see if there is a recommended best practice for NOT using the grapejs editor in fullscreen mode?
Answers (3)
There is a width option if you want, but it should adapt correctly to the parent width. To get a better of what is wrong with your layout a live demo in jsfiddle would be great
Thanks - My question was answered with the width option.
@artf I think there is something wrong with the no-response bot :smile:
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1533
Color picker goes outside the editor screen when NOT FULL SCREEN
Hi, I have successfully contained div id="gjs" inside of another div container with left side menu and top menu. It's working well, but the...
Issue #1761
[Question] how to defined textNoElement value after grapesjs.init
Hi, I try to define the values for textNoElement after I was initialized a grapesjs. but it not reflected in grapesjs UI. can anyone please...
Issue #384
Create and Edit Template into Database
This is my code to Create a new template and insert the inline html with style into the database : I am able to insert the template-data in...
Issue #507
uploadFile being called twice on drop file?
I have an editor initialized as so: If I add an image to the canvas and try to upload a new image by dragging it into the drop area in the...
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.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.