#2175July 31, 2019by yanosuke2 answers
My customers also require the ability to use the GrapesJS platform on their mobiles, therefore I am currently using the GrapesJS-Touch plugin. The issue, however, is not with the plugin, but rather about a missing method within the GrapesJS code. The issue and solution are provided by Mikereem at the following link: [...
artf
I'd be happy to merge a PR
saltyfoam
We're making use of GrapesJS and would love to have greater support on mobile so I hope this goes through!
#2128July 11, 2019by leetuanIncepit2 answers
Hi, Please help me add device manager mobile landscape with structure example: @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { } Currently, i have device manager with structure: @media (max-width: 480px) { } Thanks
artf
Check the DeviceManager API For now, it's only possible to use a single condition (configurable via mainConfigObject.mediaCondition option, max-width is the default)
Ensaphelon
@artf Is there any reason why grapesjs still does not support this feature? It seems that it could be resolved just by removing mediaCondition option from the EditorConfig at all, and allowing to pass any media query for each device in the...
#1996May 2, 2019by prosenjit-manna3 answers
Are you using the latest release (older versions are NOT supported)?0.14.61Are you facing the bug with your local copy of GrapesJS or with the current demo?I am facing the issue with both local and 'https://unpkg.com/grapesjs' The issue is mobile first media query ordering issue. With the current version media query o...
prosenjit-manna
See the changes here https://github.com/itobuztech/grapesjs/commit/3aa3b2dc7611d23e51eac524404df5b1a5814c74
artf
Seems legit. I'll add it in the next release
Palash-Mandal
Hello @artf @prosenjit-manna , Can you please help me that the feature is requested by @prosenjit-manna is implemented in the latest /! grapesjs - 0.19.4 / version ??? I have faced issues while mobile first approach CSS ordering is randomi...
#1823February 21, 2019by abozhinov3 answers
@arthuralmeidap can you tell guide me how to set style different style for each device. I use the mobile-first strategy. For example to set a different background on mobile and desktop devices. mediaCondition: 'min-width', var deviceManagerConfig = { devices: [ { name: 'Desktop', width: '', widthMedia:'768px' }, { nam...
umerrinayat
@abozhinov I'm facing the same issue. If you solved the issue? Can you share it here. Thanks
theSC0RP
@abozhinov @umerrinayat I am facing the same issue. If you have solved it, can you please share it here?
abozhinov
No I didn’t. Still search for solution.
#1801February 17, 2019by sharma-mohit-eca1 answer
I have developed a Grapesjs Application in which when I switch device from desktop to mobile it gets distorted. Please Help... Desktop View: Mobile View: Or tell me how can I add a horizontal Scroll Bar in mobile view
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
#1794February 14, 2019by sharma-mohit-eca1 answer
css of this code doesn't get applied on mobile view css.txt
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
#1693December 30, 2018by renepardon3 answers
BUGAre you using the latest release (older versions are NOT supported)?0.14.50Are you facing the bug with your local copy of GrapesJS or with the current demo? It's a local copy. The used verions (including plugins) are: I'm working on MacOS and tested with latest Chrome: 70.0.3538.110 (Offizieller Build) (64-Bit)What...
artf
All elements were deleted but there is still an empty div-container in the viewport You don't explain steps to reproduce this issue, but please check in Layers first. I'm pretty much sure you don't delete some kind of wrapper, which has no...
renepardon
Hi @artf even with the provided link https://gist.github.com/renepardon/91db8b10a1dea1f8d0d855af945c89a8 you were not able to reproduce it?
artf
I can't reproduce it due to missing resources (and as I said, it's probably a problem with your files...)
#1673December 20, 2018by sarindaSenevirathne3 answers
First, thank you for creating this awesome framework @artf. I integrated this framework with my project and i want it to be used through mobile devices. Basically i use this to create themes. When i use a iphone/ipad to access my website and use this, its not responding. I can edit text in buttons, placeholders of inp...
artf
Hi @sarindaSenevirathne you have to use this plugin to make it work properly on mobile devices https://github.com/artf/grapesjs-touch
sarindaSenevirathne
Thank you @artf for your reply. I tried that but not working in our situation . As shown in this figure we want the user to change an already uploaded image. But when i try from a mobile device the popup doesnt pop. Please can u point me i...
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
#1506October 11, 2018by YashPrince3 answers
Hello @artf There is an issue on demo page as well as library in media query. Issue is that if user update style on mobile view first and then the tab view then media query do not work for mobile view. If we update style for desktop first, tab second and mobile third then everything works fine but if we reverse the st...
YashPrince
@artf Problem is that if we add a style mobile first and then on tab then mobile view css is override by tab view and all the css applied for the mobile view will not apply on the mobile view as it override by tab view.
YashPrince
@artf Any Update about this as it's a big issue. User can not update css for tab once they apply for the mobie first. They need to delete and readd that element.
#1308July 23, 2018by manishkumaruit1 answer
bm.add('test-block', { label: "Icons", category: "Prismanote Blocks", content: { script: function () { var d = window.parent.window.modalJ; d.setTitle('ICONS'); d.setContent( <style> .tabs{ width: 600px; display: block; margin: 0px auto; position: relative; padding: 0px !important; } .tabs .tab{ float: left; display:...
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.