Filterbar: Button Placement is not consistent in Filterbar

[nidhi0104]

In filterbar the placement of buttons(eg-Go,Filters,Clear etc) is not consistent.If we don't use variants property, all buttons are placed after the filter. But when we use the variants property for implementing Variant Management for the filters, the buttons placement changes and it appears on the top of all filter not after the filter. So apps with variant management and without variant management looks inconsistent.

Expected behavior
The buttons placement should be consistent for both the mentioned cases.

Screenshots

UI5 Web Components for React Information
@ui5/webcomponents version: ~1.3.1
@ui5/webcomponents-react version: v0.24.0
Operating System:M1
Browser:Chrome

[Lukas742]

Hi @nidhi0104

the buttons are only displayed in the bottom section of the FilterBar if useToolbar is set to false. So if you want to display the variant (or view) selection e.g. in a DynamicPage instead of the FilterBar itself, you can use useToolbar for this. Otherwise the default is preferable.

Examples of the SAP UI5 implementation for both cases:

• with VariantManagement inside the FilterBar (useToolbar={true} --> default)
• with VariantManagement inside the DynamicPage (useToolbar={false})

[github-actions]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Inactive issues will be closed after 7 days. Thanks.

[github-actions]

Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one.