Skip to content

[Feature Request]: Enable top style overriding of ui5-panel-heading-wrapper class (sticky) #13392

Closed

Description

@awoloszyn22

Feature Request Description

In Panel Component currently there is no option to override the top style of ui5-panel-heading-wrapper ui5-panel-heading-wrapper-sticky class.

Proposed Solution

Introducing a variable for the top property.

Proposed Alternatives

No response

Organization

Kyma

Additional Context

No response

Priority

None

Privacy Policy

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

Activity

  1. didip1000 commented on Apr 16, 2026

    @didip1000
    Contributor

    Hey @UI5/ui5-team-ctr-ril,

    Can you take a look at this request?

    Thanks,
    Diana

  2. self-assigned this
    on Apr 20, 2026
  3. removed their assignment
    on Apr 21, 2026
  4. mrCherry97 commented on Apr 28, 2026

    @mrCherry97

    hi @didip1000 @niyap
    Any updates? This topic is stopping us with UX, unfortunately.

    Thanks in advance,
    WM

  5. hristop commented on Apr 28, 2026

    @hristop
    Contributor

    Hi @awoloszyn22 @mrCherry97 ,

    Can you provide a bit more details regarding the problem you are trying to solve and the use case you have?

    Best Regards,
    Hristo

  6. mrCherry97 commented on Apr 28, 2026

    @mrCherry97

    hi @hristop
    here you can check an issue: kyma-project/busola#4755
    And also a scr from UX Figma:

    Image

    Best regards,
    WM

  7. hristop commented on Apr 28, 2026

    @hristop
    Contributor

    Hi @mrCherry97 ,

    As far as i can get the original issue (kyma-project/busola#4755) it is regarding the table and this is already supported by the Table component.

    ui5-table-header-row has a sticky property, and ui5-table has a stickyTop property for offsetting when other sticky elements (like toolbars) exist above the table.

    So, isn't something like this what you need?

    <ui5-table sticky-top="50px">
      <ui5-table-header-row sticky slot="headerRow">
        <ui5-table-header-cell>Column 1</ui5-table-header-cell>
        <ui5-table-header-cell>Column 2</ui5-table-header-cell>
      </ui5-table-header-row>
      <!-- rows -->
    </ui5-table>
    

    Best Regards,
    Hristo

  8. awoloszyn22 commented on Apr 28, 2026

    @awoloszyn22
    Author

    Hi @hristop ,
    In our use case the Table is wrapped inside Panel and there is a problem with making the Panel's toolbar (as well as Table's header row) sticky at specific offset from the top

  9. hristop commented on Apr 28, 2026

    @hristop
    Contributor

    Hi @awoloszyn22 ,

    I have created a BLI for this request: FIORITECHP1-35877.
    We will plan it according to our priorities and available capacity.

    Best Regards,
    Hristo

  10. moved this from New to Planned in Planning - Topic RLon May 14, 2026
  11. moved this from Planned to In Progress in Planning - Topic RLon May 26, 2026
  12. moved this from In Progress to Completed in Planning - Topic RLon May 29, 2026
  13. github-actions commented on May 29, 2026

    @github-actions

    This issue has been closed. To reopen, just leave a comment!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions