Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Feature request: Bar component #2434

Closed
ilhan007 opened this issue Nov 4, 2020 · 1 comment · Fixed by #2533
Closed

Feature request: Bar component #2434

ilhan007 opened this issue Nov 4, 2020 · 1 comment · Fixed by #2533
Assignees
@tsanislavgatev
Labels
feature request High Prio SAP SF TOPIC B
Milestone
1.0.0-rc.11

Comments

@ilhan007
Copy link
Member

ilhan007 commented Nov 4, 2020 •
edited
Loading

Is your feature request related to a problem? Please describe.
We need "bar" component (ui5-bar) as part of the "fiori" package, that follows the Fiori 3 UX/VD of the sap.m.Bar

Describe the solution you'd like
The component should have the following features:

  • slots for start, middle and end content

  • the middle content is centred in the available space between the start and the end area (might not always be centred in the entire bar)

  • design property from enum type "BarDesign", with 3 options (BottomBorder - default, TopBorder and AllBorders)

BottomBorder (corresponds to Header in openui5) - only the bottom border/box shadow is visible
Screenshot 2020-11-18 at 9 30 04 AM

TopBorder (corresponds to Footer in openui5) - only the top border/box shadow is visible
Screenshot 2020-11-18 at 9 30 11 AM

AllBorders (corresponds to FloatingFooter in openui5) - there is visible border on all sides
Screenshot 2020-11-18 at 9 30 15 AM

  • enable the customization of width, height and background with standard CSS on tag level <ui5-bar style="background: red; width: 15rem; height: 5rem"
  • as always - the required accessibility, RTL, theming, playground sample should be in place.
@ilhan007 ilhan007 added this to Topic B in Planning - Topic Core Nov 4, 2020
@ilhan007 ilhan007 added this to 1.0.0-rc.11 (start of December) in UI5 Web Components - Roadmap Nov 4, 2020
@ilhan007
Copy link
Member Author

ilhan007 commented Nov 4, 2020

Hello @SAP/ui5-webcomponents-topic-b we would like to have new Bar like component. The initial scope, based on the stakeholder requests #2407 is described in the current issue.
You can proceed with the planning, prototyping and execution works.

@ilhan007 ilhan007 mentioned this issue Nov 4, 2020
Closed
@ilhan007 ilhan007 added this to the 1.0.0-rc.11 milestone Nov 4, 2020
@tsanislavgatev tsanislavgatev self-assigned this Nov 25, 2020
@ilhan007 ilhan007 mentioned this issue Dec 1, 2020
Merged
ilhan007 pushed a commit that referenced this issue Dec 7, 2020
@tsanislavgatev
feat(ui5-bar): initial implementation (#2533)
5c601cd 
Introduces a new component within the "fiori' package, called Bar (ui5-bar).
It serves as a container for buttons and similar components and it is mainly used for header or footer in application pages.

FIXES #2434
@tsanislavgatev tsanislavgatev mentioned this issue Jun 22, 2021
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@tsanislavgatev tsanislavgatev

Labels
feature request High Prio SAP SF TOPIC B
Projects
None yet
Milestone
1.0.0-rc.11
Development

Successfully merging a pull request may close this issue.

feat(ui5-bar): initial implementation tsanislavgatev/ui5-webcomponents
2 participants
@tsanislavgatev @ilhan007