BUG: Addframe method not working with the component props
Question
Version: "0.16.18"
Are you able to reproduce the bug from the demo?
[ X] Yes [ ] No
Steps to reproduce the bug in web builder demo:
Open the demo and the console, enter
editor.Canvas.addFrame({ name: 'Mobile home page', x: 100, // Position in canvas y: 100, width: 500, // Frame dimensions height: 600, // device: 'DEVICE-ID', components: [ '<h1 class="testh">Title frame</h1>', '<p class="testp">Paragraph frame</p>', ], styles:
.testh { color: red; }
.testp { color: blue; }
, });
Expected Result: An iframe is created with the appropriate components
Bug:

It seems that the issue is just the component part, if you take it out the iframe will be created just fine. However I currently am not sure how to create components in the generated iframe in other ways.
Answers (1)
Thanks @FlowingCloudRTL for the report but the multi-frame feature is still far from being complete so I'm not surprised about the issues. If anyone is interested in bringing this feature further, please let me know
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3175
BUG: Selection & active RTE not cleared when component is removed programatically
Version: 0.16.30 Are you able to reproduce the bug from the demo? [x] Yes [ ] No Steps to reproduce:Select a text component in the demo's c...
Issue #3295
BUG (v0.16.41): Button component with draggable property is not working properly
Version: v0.16.41 Are you able to reproduce the bug from the demo? [ ] Yes [ ] No What is the expected behavior? When we have a button with...
Issue #3176
BUG: `setStyle` & `setComponents` options parameter not taken into account
Version: 0.16.30 Are you able to reproduce the bug from the demo? [x] Yes [ ] No Steps to reproduce:Open the consoleExecute editor.setCompo...
Issue #3579
BUG: RTE misplaced when opened right after dropping `activeOnRender` component
Version: 0.17.4 Are you able to reproduce the bug from the demo?[x] Yes[ ] No Steps to reproduce:Go to the demoDrop a "Text" block inside t...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.