#2332October 16, 2019by kondziu952 answers
Hi, I can not edit label in Firefox browser (v. 69.0.3). The issue occurs when I double click the component to edit it. RTE shows toolbar but changing text or attributes is unable. The web console does not show any errors. When the text is selected and I am trying to for example bold the text then in web console there...
artf
https://bugzilla.mozilla.org/show_bug.cgi?id=853519 Probably the easiest solution would be to force the View to use span tag instead of label
schmelik
This was an interesting fix but it comes with issues... spans != labels when applying padding to the labels such as bootstrap labels the padding will not be applied to a span not unless display: inline-block; is also applied to the span
#2331October 16, 2019by hellocaio2 answers
My site has a custom sidebar to set site-wide colors, font-families, font-sizes and so on. When I change one style (i.e. text color), I lose any other styles that were previously set by my custom sidebar (i.e, font-family, font-size). To change these styles I am doing: cssComposer.setRule("p", { "font-family": value }...
artf
When I change one style (i.e. text color), I lose any other styles that were previously set by my custom sidebar (i.e, font-family, font-size). It's not clear to me what do you change and where the style is overwritten... maybe you can pro...
no-response[bot]
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...
#2329October 15, 2019by mustahsanmustafa2 answers
I have created custom components and blocks, but when value of traits change, the rendered element gets invisible from the canvas until it is reloaded. So whenever this line is executed, the loaded block gets invisible or unrendered. A workaround that i got was to re-render DomComponents after this call: but that does...
artf
@mustahsanmustafa I think there is something wring here... For any new app-body component you're creating a new inside with this this.components('<app-body props='${value}'></app-body>'). The method this.components updates inner content no...
pouyamiralayi
Hi there! being more specific in reaction to what attribute is actually changing would help you to reduce the performance issue in your case. cheers!
#2328October 14, 2019by MariusDK1 answer
Hey @artf I get the error Cannot read property 'hasFocus' of null when i press 'a', 's', 'd' and 'w' from the keyboard on input text components in the canvas. Uncaught TypeError: Cannot read property 'hasFocus' of null at Object.hasFocus (grapes.min.js:12) at run (grapes.min.js:3) at Object.method (grapes.min.js:12) a...
MariusDK
It's about keymaps: d stands for core:component-delete a stands for core:component-exit s stands for core:component-next w stands for core:component-prev To solve the error i have to use:Remove all binded keymaps editor.keymaps.removeAll()...
#2327October 14, 2019by dukie661 answer
How can I make an image block like geapedrop ?
artf
Create a new component and update its style (eg. background-image, background-size) when the property changes (eg. src)
#2326October 12, 2019by Uysim1 answer
I try to add properties I got warning 'decorations' sector not found I try to debug with editor.getSector('decorations') and I got undefined When I console editor.getSector('decorations') it has the decorations sector there.
artf
Probably you're placing your code before the decorations sector is loaded. Check the order of your plugins
#2325October 12, 2019by adityaMurarka1 answer
[Question]: 1.) I am trying to create a hamburger sidebar for the full-screen view instead of just the mobile view. But when we have dropped the plugin, on dropping any other plugin it is not getting a proper structure on the body to separate the other content and is overlapping. Is there any way to avoid it. 2.) Also...
artf
If you need to customize a component read and understand how they work here: https://grapesjs.com/docs/modules/Components.html You have total control over the component in the canvas by using its View
#2324October 11, 2019by ramusesan1 answer
am trying to select row (tr) wise ans resize but i couldn't am able to select td wise only live demo is here https://drive.google.com/file/d/1zzsGrWkrDAPozDncaHTwwGggeE2ZzJYP/view
artf
Visually the cell is on top of the row so you can't select it, you have to use the parent selection button (arrow up icon on the toolbar) to select the row.
#2323October 11, 2019by jeff-panart2 answers
Hi, Installed grapesjs locally and added the blocks-basic plugin and local storage. Everything seems to be working fine, except the background of the body. I can set the background color, but the background image option doesn't seem to work. Is this something I should add manually? Out of the box, I do get an option t...
jeff-panart
Looks like I fixed it: I needed to double-click on the image. Weird though, selecting an image via the image block, the double-click isn't needed...
jeff-panart
Closed to quickly, the background-image issue has been solved. Was wondering: is it possible to add a video as background?
#2322October 11, 2019by dukie663 answers
I want to give some default style for some elements. Is there any option for doing that?
jcarizza
Hello @dukie66 one way to add default styles is adding a stylesheet in the initilalization of GrapeJS. This will load inside the canvas the stylesheet
jcarizza
Its neccessary to write the full URL to load the CSS stylesheet. or Here is an example using protectedCss. Checkout your CSS rules in case you are misspelling something. https://codepen.io/jcarizza/pen/rNNeQvG
dukie66
@jcarizza Thanks for commenting. If you see when you export canvas there are always some default styles for "body" and "*". Like that, I want to give my all "img" element width of 100%. Putting an external css file in the canvas option is...