#2752May 4, 2020by motazad3 answers
I want the changes made to the page to be displayed only when the size is selected. Image
motazad
I used a trick and it was solved. deviceManager.add('Extra Small', '576px', { widthMedia: '576px' }); deviceManager.add('Small', '767px', { widthMedia: '767px) and (min-width:577px' }); deviceManager.add('Medium', '991px', { widthMedia: '9...
MohammadGh2179
I have the same problem please help me Thanks
motazad
@artf In fact I want min-width and max-width for devices selected
#2751May 2, 2020by atlza1 answer
Hi, I've done a quick search but found nothing, is there a way (or is this in the roadmap) to manage template zones with variables (texts, links, blocks) and to export the output as an handlebar template ? Thanks a lot for your work.
#2750April 30, 2020by makkaronis4e3 answers
Hi, i want to have multiple pages whith shared styles. But when i'm switching between pages, it replaces not only components but also css rules and stores css rules separately. Are there any way to have shared styles? UPD: Managed to implement in different way/ Closed
etamity
@makkaronis4e Could you share how did you implemented? Thank you.
zee-algo
@makkaronis4e Can you please your implementation?
gxanshu
can you please share implementation
#2749April 30, 2020by HansSchouten1 answer
By default all html anchor elements have their click behaviour disabled (which is very useful of course). However, I would like to make elements editable that requires some javascript behaviour on hyperlinks to still pass through. For example, editing the content of the various panels in a bootstrap tabs navbar: I hav...
HansSchouten
I solved it for now by adding an additional script to the component to listen for clicks on the li, which triggers directly the tab('show') call on the a.
#2748April 30, 2020by jsychova3 answers
Default StyleManager property "slider" doesn't work with a non-integer step value. GrapesJS version: 0.16.1 In many cases, it’s convenient to use a slider with a non-integer step value: seems that Grapesjs supports only integer and rounds non-integer values. Steps to reproduce: Add a property with type 'slider'
adamwpe
Ah, you mean the arrows - sorry, thought you meant in general that the slider doesn't work. Never noticed that - always use the slider order the mouse dragging over the arrows. I'll have a look at the view - not too sure where to start hah...
adamwpe
Oddly enough - this works for me (I know I'm creating the sector at the same time): Can you make a demo?
jsychova
Yes of course. I've created a sample with your snippet, but seems that it doesn't want to work with me. https://codepen.io/sjul66/pen/VwvMwNY Thanks!
#2746April 29, 2020by NorthstarTech3 answers
When ckeditor/richtext toolbar is open. Mouse hovering on elements, Border line overlapping the toolbar. borders overlaping.
adamwpe
Can you provide an example? Ideally using https://jsfiddle.net/szLp8h4n
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...
sanjaysamcom
How to resolve one section to another section drag-drop overlapping issue?
#2745April 28, 2020by Lerdouille1 answer
Hi, is it possible to add some details on the asset manager ? Like the creation file date ? Today, i have only the filename and his properties Width and Height Best regards
artf
@Lerdouille you can extend assets type https://grapesjs.com/docs/modules/Assets.html
#2744April 28, 2020by jcze913 answers
Hello everyone, I would like to make forbidden the drop of one block before another specific one. Context : i've create a new trait for some blocks to set them as "page header", and I don't want to allow the drag&drop one block before this "page header" as it must be the first block of my template. I saw I could liste...
artf
From the latest release https://github.com/artf/grapesjs/releases/tag/v0.16.12 you can pass disable property to your block
jcze91
Hello, Thx for your response but it's not my use case. I don't want to disable a block drag'n'drop on all the canvas, but I jus want this block to not to be added before another specific component.
artf
You can see if you're able to achieve it with by using the draggable property (Component) or make use of block:drag:stop event to ensure if the dropped component meets the necessary criteria and remove it if it doesn't
#2743April 28, 2020by andy-aware1 answer
I've read the API and it says that we can filter assets by attributes. Cool! but I'm having trouble getting the asset manager to update: I'm running the following: I have 2 images loading in my asset manager on editor.init - both images have the attribute: category: 'cat-X' I want to just load cat-1 but this just does...
artf
Hi @awaredigital I can't see any issue on my side. If you open the Assets modal and run this code in the official demo you'll see it updating correctly So probably you'll need to create a reproducible demo with your case to see what is wro...
#2742April 28, 2020by ghost3 answers
Hi! Thanks for your work @artf. This is a simplified code of how I use grapesjs, I want to save the styles and then want to apply them again. The problem is that ids already changed in DOM after first call of container.components() so styles will not be applied. How to prevent this behavior? What should I clear/reset?
pouyamiralayi
Hi @nikita-balakirev see if #2706 comment can help you. Cheers!
ghost
I fixed it now using editor.DomComponents.componentsById = {}; but I think it can lead to collisions between blocks at some point what do you think?
artf
Sorry @nikita-balakirev can't help you here without a complete reproducible example. When you export components as JSON all IDs are preserved and reused if load correctly, so for sure you're doing something wrong with storing/loading data....