#1320July 25, 2018by Moikapy3 answers
Hello had an issue using the data-tab attribute with my elements. We were creating a tab that made use of the attribute allowing it to swap between the contents, and when rendered onto the page the data-tab attributes are changed from their original value to a 1. This change then returns an error saying that this isn'...
artf
Hi @Moikapy, can you provide a minimal live demo of the issue, please?
Moikapy
Example Video: https://youtu.be/0cD3fzWdnHk Another thing I'm trying to figure out is how to keep GrapesJS from stripping the data-gjs-type attributes as well wen using the setComponent Function.
artf
You're using incorrectly the template. You should place attributes like data-tab and data-tab-container without assigning any value, those are used internally by JS to understand where pieces are placed
#1319July 25, 2018by jmrgz3 answers
I have noticed this too late, a few days after finishing my project. I wanna cry :( To reproduce the steps: 1- Go to the demo and select any "card" block (any of the blocks under the ### Flex is the new black title). Be sure that you are selecting the main parent (.card class) 2- As long as you select it, they automat...
artf
Unfortunately, this is caused by the browser's CSS parser which rearranges the order of box-shadow values, so if you import your templates from HTML we can do nothing until we'll be able to use custom CSS parsers (I close this in favor of...
jmrgz
Thank you @artf Is there any clue of what part of the code "explodes" the browser parser attributes to fill in complex style manager properties? (it happens when you open the style manager) I would love to know where you transform this: bo...
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.
#1318July 25, 2018by Abhisheknanda13444633 answers
hi @artf I want to know Is there any way to enable input mouse scroller in style manager as you can my screenshot. i want to initalize scroller to increase the values on click and drag .Thanks
artf
Like the one which already exists?
Abhisheknanda1344463
Yes @artf i want to initialize same which is already exist.Thanks
artf
Ok... the feature is active by default on all number inputs
#1317July 25, 2018by Shah-ali2 answers
Dear @artf If using grapes.min.js rather than grape.js, Special characters are showing in view code dialog. I think Unicode characters are not working in minified version. Can you please check it.
Shah-ali
Sorry, My bad. It's working now
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.
#1316July 25, 2018by CCsoh2 answers
@artf how can I import the bootstrap template to grapejs, after I insert the code to bootstrap template, the template cat load the css of template, or what method can implement in bootstrap template?
ionic666
canvas: { scripts: [‘xx.js'], styles:['xx.css'] },
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.
#1315July 24, 2018by YashPrince3 answers
@artf I want to get all the style associated with model selected by ID after save the template and reload and re init the editor. But I can not get all the style value of the selected model. But in css there are 2 css definition for that ID I want to know How can I get all the style value applied for a ID either it is...
jmrgz
editor.getCss(); -> will give you all the CSS, is up to you to find what you need. comp = editor.getSelected(); const html = comp.toHTML(); -> selected comp html const css = editor.CodeManager.getCode(comp, 'css', {cssc: editor.CssComposer...
artf
@YashPrince check the API https://grapesjs.com/docs/api/css_composer.html
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.
#1314July 24, 2018by jvillena3 answers
Hi @artf, I'm struggling with an issue when I'm trying to insert values in the Traits parameters. If I insert a new value without typing on it then the value is gone after the component is deselected. If you check the video attached maybe it's clearer. http://recordit.co/m9Jgp2XGXr I need to know if there is a way to...
jvillena
Thanks @artf that solved my problem in a simple solution so then I don't run over all inputs to update only one. Great jobs!
mcsekar12
You are changing the title attribute of the element. so the value will not be updated. Can you post your trait creation code.
jvillena
Hi @mcsekar12, it happens with all the elements not only with the title. I'm not creating a traits, I only included when the component is selected a special button to allow user to include variables in the inputs. So I would like to know w...
#1313July 24, 2018by krunal0392 answers
I have custom component and want to set trait default values from html. below is html rendered by component. traits I am trying to set for are image url, anchor url and h4 content.
artf
By default, the initial value of the trait corresponds to component's attribute. In the case of changeProp use, you should pass the initial value via data-gjs-* attribute
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.
#1312July 24, 2018by aj00223 answers
Hi, You build such a beautiful editor with forms and social icons with all stuff thanks for your great work. I build a form with grapesjs how can I submit this form when click on submit button. Need to post that data to my url how can I achieve this. I struck this thing please help me.
jmrgz
You will usually need a server side language for coding this. As long as I know, that is out of the scope from grapesjs.
artf
Hi @aj0022, as @xamdam777 already suggested you have to create a server-side script which receives values from the form
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.
#1311July 24, 2018by inventorbit2 answers
Hello Grapejs team, Thanks for this wonderful project saved my time and so far I had great experience with integration and your community support. I want to load Canvas Styles and Scripts after the page is loaded from DB (Rest API) canvas: { styles: ['https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.mi...
artf
Hi @inventorbit for such a case you should manipulate directly the canvas document
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.