GrapesJS Issues

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

3464 issues found

#590November 29, 2017by Geczy3 answers
0 reactions

How to overwrite domain_abstract ui Input component?

https://github.com/artf/grapesjs/blob/25fdbe14098c7e1a65d3e5527749302174f56a7d/src/domainabstract/ui/Input.js I want to change the input class: https://github.com/artf/grapesjs/blob/25fdbe14098c7e1a65d3e5527749302174f56a7d/src/domainabstract/ui/Input.js#L15 To something entirely different, ie form-group

artf

Domain abstract stuff are just for internal usage so I don't even plan to let them overwritable, which is your use case?

Geczy

I want to customize the appearance of the form fields in the settings panel of a component, by using existing classes in bootstrap or another css framework I use. So I want to replace gjs-field with form-group

artf

Ok, got the case, but at the moment there is just no easy way to accomplish it :/

#589November 29, 2017by Geczy2 answers
1 reactions

Attributes not being applied to traits

https://github.com/artf/grapesjs/blob/9bcd9673b10af1bb696181deba6903a68b1b6c3f/src/trait_manager/view/TraitView.js#L86 The id is not applied. Only type & placeholder are showing in the HTML of the <input />

artf

Added to the next release

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.

#588November 29, 2017by NorthstarTech2 answers
0 reactions

Editor UI changes

I would like to make the editor like the photo above. However, I can't find the css for the background or the panels. Any help provided would be fully appreciated.

ateshuseyin

You can change scss variables and and recompile to css: https://github.com/artf/grapesjs/blob/dev/src/styles/scss/gjsvariables.scss#L22

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.

#587November 29, 2017by vishal50332 answers
0 reactions

Style Manager Remove sector and remove property

Can you please provide me details how to remove any sector or property from style manager.

artf

@vishal5033 I'll add removeSector and removeProperty in the next release

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.

#586November 29, 2017by vishal50333 answers
0 reactions

Clicking element does not open style manager by default

Clicking element does not open style manager by default

vishal5033

Closing the issue. I have found the solution

AH1N1

Ii have the same issue. Could you please give a solution ?

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.

#585November 29, 2017by Deepak8132 answers
0 reactions

How to reset the margin and padding input value

How to reset the margin and padding input value. I have reset the input value but when user again click on upper arrow of margin box then it get the previous not the reset value. Please let me know how to do that.

artf

Inputs are binded to the target (Components/Css Rules) so it doesn't make sense just changing the input, you have to update the target (eg. editor.getSelectedToStyle().addStyle({ 'margin-top': 0 }))

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.

#584November 29, 2017by kishoreprocessdesign3 answers
1 reactions

Getting "Invalid or unexpected token" error

In https://unpkg.com/grapesjs Line: 20837 var previousСolor = void 0; Some nonascii character for previousColor. editor doesn't show the non ascii character.

artf

just looking at the source file https://raw.githubusercontent.com/artf/grapesjs/dev/dist/grapes.js where the interesting part comes from https://github.com/artf/grapesjs/blob/dev/src/domain_abstract/ui/InputColor.js#L93 indeed that "C" is...

ryandeba

That's weird. Here's an alternate of the same version that doesn't have that issue: https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.45/grapes.js

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.

#583November 28, 2017by gabrigcl2 answers
0 reactions

Event stop:preview doesn't fire

Hi. I need the firing of this event in this situation: I have some elements out of the canvas that need to be hide at preview mode and shown when I exit preview mode. However, the event stop:preview doesn't fire when I exit the preview and turn back to canvas editing. I've made a solution myself that works well, but I...

theanhmx

@artf sorry for this stupid question, but when will the fix available in the npm package? or from which branch i can manually pull the code with this fix and build?

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.

#582November 28, 2017by suraj7403 answers
1 reactions

background image issue

Hi @artf one more issue when using custom manager , what do we set on background images? editor.getSelected().set('src', url) not working on background images. should i replace 'src' with 'background'?

artf

Use this

suraj740

@artf Thank you for the awesome work man! 👍

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.

#581November 28, 2017by ppisecky3 answers
1 reactions

Reading component related events

The Editor API wiki lists a set of component-related events that can be listened to (e.g. component:add, component:update). There is however no mention of what sort of event objects the listener receives and how they are structured (what properties do they have and what values can they contain.) When a component gets...

ppisecky

@artf hey thanks for your answer. I was however looking for a more general example of determining if changes happened and what they were - for example something like this: We need to track changes to components in a project so we need some...

artf

Thanks @ppisecky for pointing this out, I updated the source, but basiclly any component-related event just receives the triggered model. About your font-size case, you can set up this listener

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.