Can Flexible Column Layout added inside a Object Page Layout?

[Kotresh_T_M]

In our SAP UI5 App, We have a Object Page Layout (BidView.xml) which has two tables which renders data in tree structure one of the table also comes from fragment
Now when we have multiple hierarchy we want to have toggle which switch between tree structure and Flexible column layout
is this feasible? i.e. having flexible column layout inside Object Page Layout
Because inside my view.xml when i try to add flexible column layout we are getting below error

Uncaught TypeError: Cannot read properties of undefined (reading 'isA')
    at E.destroyLayoutData (FlexibleColumnLayout-dbg.js:990:19)
    at c.<anonymous> (ObjectPageSectionBase-dbg.js:221:11)
    at Array.forEach (<anonymous>)
    at c._resetLayoutData (ObjectPageSectionBase-dbg.js:218:14)
    at b._applyLayout (ObjectPageSubSection-dbg.js:763:8)
    at b.onBeforeRendering (ObjectPageSubSection-dbg.js:720:8)
    at m._handleEvent (Element-dbg.js:361:10)
    at z (RenderManager-dbg.js:921:14)
    at J (RenderManager-dbg.js:1021:5)
    at R.renderControl (RenderManager-dbg.js:1203:6)

 during debug of the issue, we found

FlexibleColumnLayout (FCL) is a full-screen layout component, designed to control the entire page layout, not just to be inserted into a subsection of an ObjectPageLayout.

You're embedding a full-page layout inside a subsection, which is not supported. ObjectPageLayout is already a complex layout manager and does not expect nested layout containers like FCL inside its subsections.

is this not feasible or is not right approach to have Flexible Column layout as part of Object Page Layout?
#UI5 , #Fiori #BTP

[Kotresh_T_M]

Hi Rithika, thank you for the response. one question. You mean if we change the Object Page layout to Dynamic Page, should in corporate the Flexible column layout? Also any inputs on the error we are facing

[Rithika]

Hi, Kotresh,

As mentioned in fiori guidelines (https://experience.sap.com/fiori-design-web/flexible-column-layout/#usage )

"The flexible column layout is not restricted to a specific floorplan, as long as the floorplan you use is responsive down to phone size. However, we recommend using the dynamic page." in your case the floorplan refers to Objectpage layout(https://experience.sap.com/fiori-design-web/object-page/) This suggests that while FlexibleColumnLayout offers flexibility, it's best utilized at the top-level structure of your application to manage navigation and layout effectively, which means embedding it in Object page layout is not a good option

Possible workarounds :

If you're trying to show more details inside an Object Page:

• Use ObjectPageSections and ObjectPageSubSections.

• For side-by-side detail views, consider using Dialogs, Popovers, or separate navigations via the Flexible Column Layout structure at the top level.

Thanks,

Rithika

[Kotresh_T_M]

Hi Rithika,

[Kotresh_T_M]

Hi Rithika, Thank you for your response. One question