#3528June 10, 2021by krishnaeverestengineering1 answer
Not sure exactly whats happening but this is what I am getting. Sometimes tests are passing and randomly tests are failing due to this. Any help please @artf <img width="1474" alt="Screenshot 2021-06-10 at 7 08 14 PM" src="https://user-images.githubusercontent.com/55732888/121535085-71faf080-ca1f-11eb-8e07-aeedf9ab746...
artf
Same as here https://github.com/artf/grapesjs/issues/3476#issuecomment-848074298
#3527June 10, 2021by alpha2k-io3 answers
Is it possible to post the full demo code from the getting started? There are many small snippets that depend on each other. It would be good to have these in a repo as separate branches so developers can see the expected final result. In many cases there were some simple things skipped or location of the snippet in t...
anlumo
Yes, the problem is that the demo defines its own plugin that then imports all other plugins. This makes trying to find out how to do stuff really hard, because you have to follow a lot of redirects across different repositories. It's also...
artf
The final code of the getting started tutorial is actually here (and its grapesjs config).Yes, the problem is that the demo defines its own plugin that then imports all other plugins @anlumo Yeah actually current presets plugins were struc...
erpardeepjain
@artf but How to run that file or config file as main file is in vue and base project is in React, can you point out how to make it run as shown in demo?
#3526June 10, 2021by iabhiyaanNo answers
This throws an error Maximum call stack size exceeded
#3525June 9, 2021by anlumo2 answers
What are you trying to add to GrapesJS? The CSS property float only makes sense for position: static; elements, which happens to be the default. I only want to display the float radio selector if the position is not set to anything else. However, if I add require: ['static']; to the property definition, the setting is...
artf
Hi @anlumo, did you try to extend float definition with something like this requires: { position: ['static'] }?
anlumo
Yes. It seems to work fine after reloading the page, but when you toggle the position it stops working and looks like in the screenshot. The definition is as follows:
#3524June 8, 2021by iteniel2 answers
I'm new to grapesJS ... Great tool.I have a few questions about traits. I followed this tutorial https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type because I have to overwrite how href is generated. The example is great for me with few modifications. I I want to replace .... <select multiple="multiple...
iteniel
@artf thanks Can you help with first part of the question I need something like onPostRender/afterRender to initialize the select2 component when the DOM is present somthing after createInput method
#3515June 4, 2021by anlumo3 answers
This definition: https://github.com/artf/grapesjs/blob/88249c38577852dc3c42047356a70a12066ee6ca/src/canvas/view/FrameView.js#L303-L306 is always appended to the frame. It contains the color definition for selected elements (that blue outline). This color cannot be changed, because there's an !important here. Since thi...
artf
Hi @anlumo you're right, unfortunately, component status styles are rendered inside iframes. I've tried to put them outside by introducing this option but that doesn't handle multiple selections yet. So, at the moment, the only way to hand...
filipecheverrya
Hi @mingxin-yang i belive that you have to follow the same rule that @artf said. But using the corresponding classes
GoodPHP
Posted Free plugin for set colors Borders: https://gjs.market/products/borders-color-around-selected-component
#3513June 3, 2021by sizhousama2 answers
How to make a custom block always be at the bottom of the page？
YyueeiWY
u need display flex for ur case align every block at end, use ( align-content: flex-end; ) in body or parents element <pre> <body class="flex-container flex-end"> <div class="flex-item">1</div> <div class="flex-item">...
artf
Hi @sizhousama the easiest way probably could be some kind of CSS trick or you can define, by using custom components, a structure with fixed containers (eg. one for the header, for the body and the footer)
#3512June 2, 2021by Palash-Mandal2 answers
Hello @artf , I am trying to develop a simple banner plugin which will be include a heading , subheading and link. and every element can be draggable ,droppable highlightable, but based on below code some portion of code not working. Please Help only banner class CSS pushed but another all not go in the CSS section --...
artf
In your model component definition, you're using content: config.template but it should be components: config.template
Palash-Mandal
Hello @artf , I have made the solution but there are some issue arise the component. the child component h2,h3 and link pushed for all other component. If I drop one column component those child element also pushed inside there. How Do I r...
#3511June 2, 2021by moises-flowize1 answer
WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...
artf
Thanks @moises-flowize that will be fixed in the next release https://github.com/artf/grapesjs/commit/ac96298add119c4f4e000967ab3332f9ad711613
#3510June 2, 2021by iabhiyaan1 answer
How to re render traits after clicking on buttons ? Note : Re-rendering should not be dom modification. I have created a function that would render trait by calling the render() inside createInput() Is there any way to re-render the traits with the newer and updated dom string which was first created on createInput() ?
artf
createInput is called once, if you want to update the UI of your trait, rely on onUpdate which is called every time the selection is changed. ps. please avoid using Issues for questions, check the Discussions tab