Skip to content

Support Full-Height Content in React Object Page Sections #8801

Description

@NevenaKirova

Is your feature request related to a problem?

We are currently working with two pages that provide similar functionality:

One page uses a DynamicPage.
The other page uses an ObjectPage.

Both pages contain a table with a pagination footer, and we would like them to provide the same user experience.

The table should:

Expand to fill the remaining visible height of the page.
Keep the pagination footer visible below the table.
Scroll internally when its content exceeds the available height.
Prevent the entire page from scrolling when the active section contains only the table.

This behavior can be achieved with the DynamicPage by controlling the available content height. However, the React ObjectPage currently does not expose a supported way to constrain a section or its content container to the remaining viewport height.

Describe the solution you'd like

  • A property that enables full-height content for the active section.
  • A supported way to set the Object Page content container to a flex layout.
  • A section property such as fitContent, fillAvailableHeight, or height="100%".

The React Object Page should support full-height content without requiring CSS overrides of internal component elements.

The solution should work with:

AnalyticalTable
Responsive Table
A footer or pagination control placed below the table
ObjectPageMode.IconTabBar

Describe alternatives you've considered

The only solution possible at the moment is by using custom CSS, which is not an option because of UXC standards.

Additional Context

No response

Organization

SAP

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    Status
    🆕 New

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions