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

New Component: Illustrated Messages #3376

Closed
1 of 4 tasks
pavelkornev opened this issue Jun 2, 2021 · 1 comment
Closed
1 of 4 tasks

New Component: Illustrated Messages #3376

pavelkornev opened this issue Jun 2, 2021 · 1 comment
Assignees
@nnaydenow
Labels
feature request High Prio New Component Planned SAP Graph TOPIC P
Milestone
1.0.0-rc.15

Comments

@pavelkornev
Copy link
Member

pavelkornev commented Jun 2, 2021 •
edited
Loading

Feature Request Description

Integrate illustrated images into UI5 Web Components framework that they can be easily consumed while building applications.

See UI5 integration: https://openui5nightly.hana.ondemand.com/entity/sap.f.IllustratedMessage/sample/sap.f.sample.IllustratedMessageInPage

Proposed Solution

Create a Web Component:
<ui5-illustrated-message name="NoData" />

will render:
ii

Proposed Alternatives

N/A

Additional Context

N/A

Priority

  • Low
  • Medium
  • High
  • Very High

Stakeholder Info (if applicable)

  • Organization: SAP Graph
  • Business impact: better UX
@pavelkornev pavelkornev changed the title Support for Illustration Images Support for Illustrated Messages Jun 2, 2021
@ilhan007
Copy link
Member

ilhan007 commented Jun 18, 2021 •
edited
Loading

Initial Scope (IllustratedMessage web component, ui5-illustrated-message)

  • theming of the SVG image
  • set of Illustration Types (BeforeEach, NoData, etc..)
  • support for i18n title and subtitle + the optional actions at the bottom
  • Note: for the initial implementation we skip the responsive behaviour (changing the SVG icons on resize)

Example API

  • property for the illustration type (f.e name)
  • property for title (title-text) and subtitle (subtitle-text)
  • slot for the optional actions ("actions")

@nnaydenow @jdichev

@ilhan007 ilhan007 added this to the 1.0.0-rc.15 milestone Jul 21, 2021
@ilhan007 ilhan007 changed the title Support for Illustrated Messages New Component: Illustrated Messages Jul 21, 2021
ilhan007 pushed a commit that referenced this issue Jul 23, 2021
@nnaydenow @ilhan007
feat(ui5-illustrated-message): added new component (#3480)
6bea49f 
The PR introduces new web component, called ui5-illustrated-message:
- The component provides illustration and texts that add context to it.
- The Component supports 4 main breakpoints: scene, dialog, spot and base and each of them provides different illustration. Note: In base breakpoint only title and subtitle of the component are displayed.

Fixes: #3376
Closes: #3376
ilhan007 pushed a commit that referenced this issue Jul 23, 2021
@nnaydenow @ilhan007
feat(ui5-illustrated-message): added new component (#3480)
f209685 
The PR introduces new web component, called ui5-illustrated-message:
- The component provides illustration and texts that add context to it.
- The Component supports 4 main breakpoints: scene, dialog, spot and base and each of them provides different illustration. Note: In base breakpoint only title and subtitle of the component are displayed.

Fixes: #3376
Closes: #3376
Todor-ads pushed a commit to NHristov-sap/ui5-webcomponents that referenced this issue Jul 29, 2021
@nnaydenow @Todor-ads
feat(ui5-illustrated-message): added new component (SAP#3480)
5ee39b1 
The PR introduces new web component, called ui5-illustrated-message:
- The component provides illustration and texts that add context to it.
- The Component supports 4 main breakpoints: scene, dialog, spot and base and each of them provides different illustration. Note: In base breakpoint only title and subtitle of the component are displayed.

Fixes: SAP#3376
Closes: SAP#3376
@petyabegovska petyabegovska moved this to 1.0.0-rc.15 (released Aug) in UI5 Web Components - Roadmap Jun 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@nnaydenow nnaydenow

Labels
feature request High Prio New Component Planned SAP Graph TOPIC P
Projects
UI5 Web Components - Roadmap
Status: 1.0.0-rc.15 (released Aug)
Milestone
1.0.0-rc.15
Development

No branches or pull requests
3 participants
@pavelkornev @ilhan007 @nnaydenow