GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

3464 issues found

#750January 12, 2018by Deepak8133 answers
0 reactions

How we can set the time and time zone in count down

Hi @artf , Please let us know that how we can set the time and timezone in count down as it is important in countdown element.Also, we come to know that most of the template builder provide many functionalities with countdown element as compared to us.please find below the attached image for reference

artf

Hi @Deepak813 first of all, this had to be open in countdown repository as it strictly related to it. Not by chance I call it Simple countdown component if you want something more just extend it or create a new one (the code is there if yo...

Deepak813

Hi @artf , Thanks for the message. Please let us know how we can set the dynamic Timezone so that user select timezone and time will be automatically changed according to selected timezone. Also, timezone category are not showing in Countd...

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.

#748January 11, 2018by austinbiggs3 answers
5 reactions

component:remove action

Going through the available events, I'm curious as to why there is no "component:remove" action? I've taken the approach of triggering the action by modifying the tlb-delete action. I would assume there's a better way, I'm just not sure what that would be quite yet.

artf

Added for the next release

ryandeba

I would also be interested in having a component:remove event 👍

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.

#746January 11, 2018by NorthstarTech3 answers
1 reactions

preview in a dialog box

@artf @ryandeba Is that possible to preview(eye icon) the template in a separate dialog box? not in a editor. How can I do it?

ryandeba

@NorthstarTech Here's an example of "preview" and "stop preview" buttons outside the editor.

artf

I think Ryan's example explains everything

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.

#744January 11, 2018by michaellwatson3 answers
0 reactions

Make outer element unselectable

I'm trying to make the outer element not selectable, and the inner one selectable only Outer element is the section tag and the inner one is the div, I need the section to be there for reasons, but I don't want it to be selectable The data-gjs-selectable=false tag doesn't seem to be working for me, as the outer elemen...

artf

https://jsfiddle.net/wswvuvab/2/ Seems to work properly (check your version), I added data-gjs-hoverable="false" property to prevent the highlighting box

michaellwatson

Must be my version then, because its still selectable/hoverable, but it does accept data-gjs-highlightable="false", thanks for your help again

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.

#743January 11, 2018by suchithmahadi3 answers
0 reactions

editor.getComponents() load multiple times when refreshed.

Hello, editor.getComponents().add('<div class="grid-stack" style="height:800px;"></div>'); adds multiple times when refreshed, how stop this. it should add only once.

artf

well if you add, the editor stores the template (local/remote), after refresh editor loads it and you still use add... well, it's a correct behavior.

suchithmahadi

is there a way to add only once.

suchithmahadi

@artf Is there a way to add only once ? Thanks

#742January 10, 2018by JuanTincho2 answers
0 reactions

Choose order and visibility of Categories

Hey @artf , we need to be able to change the categories order and visibility when the application starts. I was able to do it changing the model in the Category and this piece of code in BlocksView.js: ...and setting the order in a flexbox property. I wanted to know if you think this is a good approach or you have ano...

artf

I think that change in BlocksView is not necessary (at first look). If you pass the category as an object it will be added as it is with all its properties. If for a change you mean updating the view of the category with an order style (if...

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.

#741January 10, 2018by duskhacker2 answers
0 reactions

Saving CSS removes some styles on each save

This issue is a follow up of #609, I figured opening a new issue would be better than to keep commenting on a closed issue. @artf asked if I could provide a working example of the issue. I've set up this pen: https://codepen.io/duskhacker/pen/MrVpMa It seems to work best in Chrome. To see the issue, first click the 'e...

artf

@duskhacker here editor.setStyle(codeViewer.editor.getValue().trim()); you're setting this string <style>.txt-red....</style> when it should be .txt-red... Quick fix, just replace setStyle with addComponents

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.

#740January 10, 2018by Deepak8133 answers
0 reactions

How to remove class from html

Hi @artf, We are updating the <i> tag class but it adds new class to this but previous class is not remove.please let us know how to remove class. using this : editor.getSelected().set('attributes', {'class': 'newClass'}); Output: <i class="fa fa-smile-o c2515" class="fa fa-address-book-o"> but "fa fa-smile-o" is not...

ryandeba

Hi @Deepak813, Components have a setClass method that will remove all existing classes an replace them with the string of classes passed as the first argument. Try this: editor.getSelected().setClass('newClass');

Deepak813

Hi @ryandeba, Thanks for the message. I have already used this but its showing following error: ----------Uncaught TypeError: editor.getSelected(...).setClass is not a function------------------ Please let us know how to remove this error...

ryandeba

@Deepak813 - The code I provided works just fine for me in the demo, so I suspect that there must be something about your configuration that is causing the issue. Could you make sure you're on the latest version of grapesjs and then create...

#739January 10, 2018by perfect-coders3 answers
1 reactions

Get the model of the clonned element

First of all thanks for such a great tool. I am giving a random id to the element when user drags a block in the editor. But when someone copies the element from "copy icon" in toolbar, I am not able to get the clonned element. And I am not able to give the random id to the clonned element.

artf

I'll add component:clone event on the next release

sudharsanUI

@artf @ryandeba Hi, we have same problem. i have Input control within column components, in this situation component:clone is working fine. But, in multiple column within single row component, row component clone is not working. In this ca...

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.

#738January 10, 2018by theanhmx3 answers
0 reactions

image reverted to original size after resized

hi, i got a strange issue with component: i got 2 types, image and icon the issue is when i first drag and drop the image component, i'm able to resize and save it, but when i load the template again, i'm not able to resize the image again. i can adjust the image size but after couple of second it will be reverted. i...

artf

Are you sure there are no strange styles loaded which forces img style? Try to inspect and see if style actually changes

theanhmx

yes, i can see it change in the local storage. but after some short time it changed back

artf

Are you able to reproduce it with a live example?