[QUESTIONS] How to changes styles of devices, view code and fullscreen
Question
Currently we have this GrapesJs style:
But, we are looking to have this GrapesJs style:
My questions are:
1- - how we can change the format in the devices? we would like to have buttons instead of dropdown. 2- is possible move the buttons 'view code' and 'fullscreen' inside the page?
Answers (1)
You'll just need to set the device or run the respective commands on the button's click event eg.
btn.addEventListener('click', function() {
editor.setDevice('Desktop');
});
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2865
[QUESTION] enable 'view components' button on panel by default
this button is currently off by default. so you have to turn it on every time, which is not obvious to everyone. how do you make it active...
Issue #3444
removeButton() causing error
Hi, I'm trying to remove a button from panel using this code editor.Panels.removeButton('options', 'fullscreen') . It removes the button bu...
Issue #3389
MultiSelect some elements and change styles only work on the last selected element
Hi, when I MultiSelect some elements using shift, and change style in styleManager. Only the last clicked element will update the style. Ca...
Issue #392
Define selected class.
Hello @artf , Is there a way to automatically select the class that is created on elements with custom styles. I'm currently trying to dyna...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.