Skip to content

[ObjectPage]: Dynamically Calculate Available Height of ObjectPage Section #4818

@gitgmihd

Description

@gitgmihd

Is your feature request related to a problem?

I am working with an ObjectPage in React UI5, specifically within an IconTabBar where each section is displayed on separate pages. In one of the sections (ObjectPage mode "IconTabBar"), inside the section I have a single PDF viewer that has its own scrollbar. However, I want to avoid having the scrollbar of the ObjectPage combined with the ones of the PDF viewer. To achieve this, I need the ability to dynamically calculate the available height of the ObjectPage section.

Describe the solution you'd like

I would like React UI5 to provide a feature that dynamically calculates the available height of a section within an ObjectPage. This calculation should take into consideration whether the header is collapsed and should respond to browser resize events. By having this functionality, I can resize the div containing the PDF viewer according to the remaining available height of the ObjectPage content, ensuring that the scrollbars of the ObjectPage and the PDF viewer do not overlap.

Describe alternatives you've considered

As an alternative, I have implemented a solution to access the height of the Bottom Spacer in ObjectPageContent (spacerBottomHeight state in ObjectPage) and use it to adjust the height of the section accordingly. Having a built-in feature in React UI5 to handle this calculation would greatly simplify the implementation and improve the maintainability.

Additional Context

No response

Declaration

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    Status

    2024-Q1

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions