[Feature request] Fixed size canvas

Question

We're using GrapesJS at work for building a kiosk-system into our CMS. Currently using the webpage template. We are displaying the content on displays/tvs which has a fixed resolution, for example 1920x1080 laying down, or 1080x1920 standing on the side And I've tried to find a way to limit the resolution in the canvas with no luck. We'd like to limit the size of the canvas to the resolution in both x and y to the resolution (and rotation) on the display we're editing for, so that you can see t...

artf · Accepted Answer

Have you tried the Device Manager API?This will (sometimes) add scrolling in the canvas in the webpage template of course, but I don't see that as a problem as its more important to know that the design you're working on will look the same on the tv. Probably from the next release will expose an API for zooming (from the Canvas module)

ageir · Answer

Yeah I did, works great if you are editing on a screen that is larger than the intended content. But if you're for example editing for a 4k screen on a full HD screen its a bit problematic. Zooming seems great! Would be great if you can zoom at a pixel level as well as percent. The Device Manager API doesn't support max height, which makes it impossible to know where it will cut the content vertically. This is pretty important for editing fixed height displays. Would be great to have that optio...

artf · Answer

Yeah I did, works great if you are editing on a screen that is larger than the intended content. But if your for example editing for a 4k screen on a full HD screen its a bit problematic. Zooming seems great! Would be great if you can zoom at a pixel level as well as percent. The zoom will be a value from 0 to 100The Device Manager API doesn't support max height, which makes it impossible to know where it will cut the content vertically. This is pretty important for editing fixed height display...

Fixed size canvas

Question

Answers (3)

Related Questions and Answers

[FEATURE REQUEST] Add command to get actual template imported into editor

[FEATURE REQUEST] Add Command to get actual template imported

[FEATURE REQUEST] Don't Strip off html , head and body tags from imported html

Predefined non-changeable content blocks

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories