#2774May 14, 2020by vinceumo1 answer
Hi, I'm having some issue with mobile first approach. The canvas render the wrong style when setting different styles at multiple breakpoints. But the code generated is good, this issue only happen in the canvas. https://codesandbox.io/s/xenodochial-shockley-s02lp?file=/index.js:496-524Are you using the latest release...
artf
We should apply the same logic from https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a40ecc16cc/src/codemanager/model/CssGenerator.js#L151-L162 here https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a40...
#2665March 19, 2020by darylamonica3 answers
Is anyone else having this problem? Or resolved it? Editing on a tablet seems reasonable. While using a mobile device I cannot get the keyboard to display when trying to edit a text field. Even using the grapes touch plugin does not help. There is an example here: http://jsfiddle.net/v9kecdpz/
bgrand-ch
Hello, For future questions or technical issues, which aren't bugs, GitHub's Discussions tab is the place to be. Don't forget to close this issue if it is resolved or write a new detailed message in Discussions -> Q&A category (and close t...
darylamonica
Is there something else I can do to get a response? I included a demo jsfiddle. Many answered questions don't have an example. So, what am I doing wrong?
artf
Give more information about the device (OS, browser, etc.)
#2583February 18, 2020by MariusDK3 answers
Hey @artf I have multiple breakpoints The problem is that when i am a resolution (set using the icons) like 411 (mobile) not always the canvas show the style of the elements in that resolution. Canvas use the media query of the tablet and not the resolution that is set from the device manager for mobile. Ex: I am on 4...
MariusDK
@artf please help
artf
Hi @MariusDK I'm not really sure if I got your problem, can you create a little online demo to show better the issue? Maybe you're talking about the difference between the canvas size and the actual media query in CSS? In that case, you ca...
no-response[bot]
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...
#2470December 25, 2019by kzdev4201 answer
This is for Desktop This is for Mobile Please teach me how to solve it.
devmohitagarwal
@Excellent-Developer what exactly is the problem in the UI? If you're suggesting that the button for the device selection don't have the resolutions you need,then you can change that from the config file inside editor forlder. If you're su...
#2451December 10, 2019by adityaMurarka2 answers
Issue 1 I made a page using grapesJS and then I exported the page and then imported it back. On importing whatever styles I had applied I am not able to see the styles in the style manager.Issue 2 Due to issue 1 on applying new styles since I do not see what earlier styles I applied, in some cases, I can see them in t...
artf
Issue 1 & Issue 2 Please provide the exact steps on how you export and import the templateIssue 3 Sorry but "in some cases" doesn't help here. You have to explain exactly what you're doing and what you expect
adityaMurarka
Issue 1 & Issue 2Please provide the exact steps on how you export and import the template By using the default option provided in grapesJS to export the HTML and CSS and importing using the import button on the grapesJS toolbar.Issue 3Sorr...
#2434November 29, 2019by pvbergen2 answers
This is a broad question, so I will provide the use case and some ideas instead of actual code.Basic description We are using grapesjs as part of a Drupal module (https://github.com/artf/grapesjs/issues/1798#issuecomment-559498604) and we are facing an issue with having too many html elements within the grapes contain...
pvbergen
Huh, that would be surprisingly simple. Thanks! I'll test it out in the next few days and see how we can integrate it with our workflow.
artf
Do you mean something like this? This will add an HTML without being actually related to GrapesJS Components
#2325October 12, 2019by adityaMurarka1 answer
[Question]: 1.) I am trying to create a hamburger sidebar for the full-screen view instead of just the mobile view. But when we have dropped the plugin, on dropping any other plugin it is not getting a proper structure on the body to separate the other content and is overlapping. Is there any way to avoid it. 2.) Also...
artf
If you need to customize a component read and understand how they work here: https://grapesjs.com/docs/modules/Components.html You have total control over the component in the canvas by using its View
#2235September 1, 2019by damey20111 answer
Great project.. I'm trying to integrate this and I have this issue. Assuming I have a style for Desktop already and I add a new style for mobile for example, instead of creating a media query for mobile, it overwrites it without creating any media query. Any help ?
artf
Please @damey2011 follow the [BUG] template when you open an issue like this, with the current information it's impossible to us give you any valid help
#2215August 23, 2019by alimajed931 answer
Hello, I am having the following problem when switching between Desktop view, tablet view and mobile view in GrapesJs: When the template contains an image, strips with the same "pattern" of the image appear when switching to a smaller view as shown below: Those lines will disappear when I inspect element, trying to ge...
artf
Seems the same issue of https://github.com/artf/grapesjs/issues/1240
#2192August 14, 2019by gotthemad1 answer
I'm trying to create slider component which has trait like 'number of slides' and I want to have that trait different for all devices. For example: User can choose 5 slides for desktop and 2 for mobile.
artf
You should update component traits on device change https://jsfiddle.net/artur_arseniev/Lma0pu5v/