How to change type on allready inserted elements in canvas.

[ikenderham]

Hello everyone.

I need a solution to change type on default components to "section". I figured out how to change type on new elements, but all the allready inserted, is still "default".

//const wrapper = editor.DomComponents.getWrapper();
//wrapper.find('.row.segment').forEach(comp => comp.addAttributes({ type: 'sektion' }));

please can anyone help? Just to save time and not have to remake all my designs to get type "sektion"

[artf]

You need to update the property of the component and not the attribute comp.set({ type: 'sektion' })

[ikenderham]

I tried with

const wrapper = editor.DomComponents.getWrapper();
wrapper.find('.row.segment').forEach(comp => comp.set({ type: 'sektion' }));

But its not changing the types.

[ikenderham]

I tried with

const wrapper = editor.DomComponents.getWrapper();
wrapper.find('.row.segment').forEach(comp => comp.set({ type: 'sektion' }));

But its not changing the types.

[artf]

You should be able to update, save and reload the project. You can't update the component view type at runtime once it's rendered, the alternative would be to remove the current component and add a new one with another type.