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 :/
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.
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.
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.
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.
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.
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.
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.