How to Move Container Component in UI Builder

[triciav]

How do you move a component either out a level or to another container component?

I need to move the Label Value Stacked 2 and the Card Base Actions 1 at the same level as the Metadata and not underneath it.

There is no way to move these ? without having to recreate them?

This is Soooo FRUSTRATING 

Thank you

[Anil Lande]

I believe this is not possible and we need to rework in such cases.

Left side hierarchy is for information purpose it helps us to understand the page structure. All movements need to be done through the right side panel and arrange components through editor panel only.

Thanks,
Anil Lande

[Martin76]

It is possible without rework, see my comment below.

From UI Builder, navigate to Menu -> Developer -> Open Page Definition.
Then just reorganise the components in the Composition field. With a good editor, this is much easier than trying to drag & drop in UI Builder itself.

[Community Alums · Accepted solution]

Hi @triciav ,

You can refer to this blog which should help you :https://community.servicenow.com/community?id=community_blog&sys_id=f97a132ddbeaa4507d3e02d5ca96191f

Mark my answer correct & Helpful, if Applicable.

Thanks,

Sandeep

[Brad Tilton]

I would add that while moving components and containers around in the middle preview pane is possible, it can be pretty painful at times. I would also say that you should be able to upgrade your PDI to Tokyo in the next couple of weeks when EA launches, and I would revisit using the left-hand content tree to move components and containers at that point to see if we've made any improvements there 😉