#1573November 12, 2018by crypto-dump3 answers
How to show custom modal dialog when drop element on editor? like asset modal dialog appears when drop image block to the editor.
mcsekar12
Please check the docs https://grapesjs.com/docs/api/modal_dialog.html#modal use Modal.setContent();
mcsekar12
Use Editor events https://grapesjs.com/docs/api/editor.html#available-events editor.on('component:add', (model, argument) => { //filter using component name if (model.getName() === 'modelName') { //show modal } //filter using css Class if...
crypto-dump
Thanks. I'm new to this plugin. How to create my own modal dialog that has checkbox or select options or etc ?
#1572November 10, 2018by crypto-dump2 answers
I added Video Block manually like this. <pre> blockManager.add('video', { label: 'Video', category: 'Media', attributes: {class: 'fa fa-youtube-play'}, content: { type: 'video', classes: ['website-media', 'website-video'], //traits: ['data-panoramic'], resizable: 0, draggable: '.website-cell, .website-block, .video-co...
artf
The style you see on <video> is only applied in canvas, your styles are applied to the wrapper and you should see them correctly applied in the export code
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.
#1571November 9, 2018by abozhinov1 answer
Please check the video: https://screencast-o-matic.com/watch/cFXQlQYSjWUse Mac OS last versionUse grapesjs - last version of branch devuser chrome - last version What's the problem: Drag and drop is not function as it should be when use touch device.
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.
#1570November 9, 2018by mrajeshkrossark2 answers
Hi @artf, I tried to customize the options in the grapesjs editor export plugin. But only two options(addExportBtn, btnLabel) works as expected. Other options such as filenamePfx, filename, root are not working as expected. My code: I just changed addExportBtn variable into 0, the export button not visible in the edit...
artf
Wrong repositoryLook at the version: https://github.com/artf/grapesjs-preset-webpage/blob/master/package.json#L53
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.
#1569November 9, 2018by wirelessed2 answers
Hi, In your Components & JS documentation, it is mentioned that scripts can be added into the "block" section under a script attribute. However, after some trial and error, whenever the page is saved and reloaded, the script seems to have disappeared. When I tried to add the script into the "model" section instead, it...
artf
Probably you're not storing correctly https://grapesjs.com/docs/modules/Storage.html BTW you can add a script inside blocks but I highly recommend creating a custom component for that case
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.
#1568November 8, 2018by dkmurakaru2 answers
Hello, I am trying to write up a trait that allows creating a list of forms and generates the respective in the model. So far I have this: The current issues I am unable to bind the resulting elements to the onChange event listeners. Will I have to manually wire up each element to a listener? If so how would I proceed...
artf
@dkmurakaru pay attention that you're creating not a real input therefore you should update also methods like onChange and setInputValue
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.
#1567November 8, 2018by alimajed933 answers
Hello all, I am using the latest grapesjs stable version (40) and I noticed the following bug in the rich text editor: If the user drags and drop a rich text editor into the canvas, clicks on it and tries to clone it per example (or any action in the toolbar like delete, ...), no action will happen. The user has to se...
arthuralmeidap
PR: https://github.com/artf/grapesjs/pull/1800
artf
Yeah, that happens because of this check, being in editing mode we need to prevent some actions (eg. clicking canc/backspace triggers the same command). Probably we need to put some kind of force option
alimajed93
Hi @artf , Oh I see. Can you please give me some examples of why we added this check? I mean what problems were we having and were solved by this check? Thanks.
#1566November 8, 2018by ThomasLaigneau3 answers
Hi, I'm using GrapesJS to a page builder inside a Prestashop website. The idea is to set default template stored in DB with custom Blocks. Everything working fine about the store and the load of the template. My problem is that I want to use only custom blocks that i created and added to the BlockManager but with defa...
artf
You can make that class private to avoid selecting them in Style Manager, in that way you will style the component and not the rule
ThomasLaigneau
Nice one, working great ! Thank's a lot !
ThomasLaigneau
@artf The code works but I just saw that I can't see anymore the select button to see the Hover state of the element in the editor.. It come back when i remove the code you made me add..
#1565November 8, 2018by MisterFK2 answers
Hi, Have a new problem, i'm following the tuto and i want to create the block "2 columns" (or more). I try to use (and understand, that's why i don't want to use grapesjs-blocks-basic) this part of code : But i don't know what i need to do in the class ".row" and ".row-cell" to make this example work... I try some sty...
artf
You should add the proper style to see something, try with something like this
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.
#1564November 7, 2018by MisterFK2 answers
Hi, i have an CSS issue with my project GrapesJS and i don't know why... I try to do the tuto and i haven't icons. Other issue, i can't split the window in 2 columns. I work with the last css and js version. Organisation : assets/js/grapes.js assets/css/grapes.min.css assets/fonts/FontAwesome.otf [...] main-fonts.woff...
artf
Somehow you're not able to load fonts, check in your dev-tools, probably you will see the error
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.