Conditional rendering fields in universal editor

[CarlosPe9]

Hi everyone,

We are working in a project with a React App and editing the content via Universal Editor. The content is being handled with content fragments.

We have a content fragment that has 3 fields: depending on what you select in the first field we want to display the second field or the third field.

Since each field in the universal editor looks like an iframe itself we cant figured out how to manage this case.

Is there any way to achieve this?

Thanks!

Carlos.

[daniel-strmecki]

Hi @CarlosPe9,

based on my experience so far with the Universal Editor, this is not possible. In my project, we used the approach of showing/hiding fields all the time in the old CF editor, but when we switched to the new CF editor we abandoned it and looked for alternative ways to solve it.

Good luck,

Daniel

[sarav_prakash]

Hi @CarlosPe9 , your question sounds, you want to author components/fields that are conditionally rendered. 

I too have similar react app. On Load of page, default route is rendered. The iFrame canvases entire app, preventing authors to click on links/buttons to switch components. 

But we use Preview button. Clicking Preview, removes the canvas and allows use to navigate/switch views. Once right component is loaded, we disable Preview mode and continue authoring. 

Did you try this Preview button and does it help you? 

[arunpatidar]

Hi @CarlosPe9 

You can check this if you want to show/hide field conditionally in the editor.

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/dev...