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] for 'Avatar Group' component #2409

Closed
alex-zhang opened this issue Oct 28, 2020 · 4 comments · Fixed by #2524
Closed

[Feature request] for 'Avatar Group' component #2409

alex-zhang opened this issue Oct 28, 2020 · 4 comments · Fixed by #2524
Assignees
@dobrinyonkov
Labels
feature request High Prio SAP SF TOPIC P

Comments

@alex-zhang
Copy link

alex-zhang commented Oct 28, 2020 •
edited
Loading

Is your feature request related to a problem? Please describe.
I am from SAP Success factors team, we have a new feature that needs to use Wizard.

Describe the solution you'd like

UX totally uses the design of UI5 AvatarGroup

ui example link:

https://ui5.sap.com/#/entity/sap.f.AvatarGroup/sample/sap.f.sample.AvatarGroup

Fiori 3 Design specification:

https://wiki.wdf.sap.corp/wiki/pages/viewpage.action?pageId=2107190068

image

thanks.
@alex-zhang alex-zhang changed the title Feature request for 'Avatar Group' component [Feature request] for 'Avatar Group' component Oct 28, 2020
@ilhan007 ilhan007 added this to Topic P in Planning - Topic Core Oct 28, 2020
@ilhan007
Copy link
Member

Hello @SAP/ui5-webcomponents-topic-p

we would like to have the AvatarGroup as a web component in the "main" package. This is just a heads-up that this will be soon part of your next tasks.

@jdichev
Copy link

jdichev commented Oct 30, 2020

Hello, the request will become part of the respective team's next sprint.
Internal reference: 4903

@ilhan007
Copy link
Member

ilhan007 commented Nov 9, 2020

Hello @alex-zhang which mode of the AvatarGroup is the one you would use it that is more important: Individual or Group
https://openui5nightly.hana.ondemand.com/entity/sap.f.AvatarGroup/sample/sap.f.sample.AvatarGroup

@alex-zhang
Copy link
Author

alex-zhang commented Nov 10, 2020 •
edited
Loading

@ilhan007 hi,

the "individual interaction areas" is our use scenario. Here is our design.

image

Thanks
BR

dobrinyonkov added a commit to dobrinyonkov/ui5-webcomponents that referenced this issue Nov 27, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation
b16bc21 
Introduce new component in the "main" package, called AvatarGroup. The component is used to
display a group of avatars arranged horizontally. It is useful to visually
showcase a group of related avatars, such as, project team members or employees.
The control allows you to display the avatars in different sizes,
depending on your use case.
Supports 2 types - "Group" and "Invidual":
Group type: The avatars are displayed as partially overlapped on
top of each other and the entire group has one click/tap area.

Individual type: The avatars are displayed side-by-side and each
avatar has its own click/tap area.

Fixes: SAP#2409
@dobrinyonkov dobrinyonkov mentioned this issue Nov 27, 2020
Merged
dobrinyonkov added a commit to dobrinyonkov/ui5-webcomponents that referenced this issue Nov 27, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation
cbc5c6e 
Introduce new component in the "main" package, called AvatarGroup. The component is used to
display a group of avatars arranged horizontally. It is useful to visually
showcase a group of related avatars, such as, project team members or employees.
The control allows you to display the avatars in different sizes,
depending on your use case.
Supports 2 types - "Group" and "Invidual":
Group type: The avatars are displayed as partially overlapped on
top of each other and the entire group has one click/tap area.

Individual type: The avatars are displayed side-by-side and each
avatar has its own click/tap area.

Fixes: SAP#2409
dobrinyonkov added a commit to dobrinyonkov/ui5-webcomponents that referenced this issue Nov 27, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation
1dfcd39 
Introduce new component in the "main" package, called AvatarGroup. The component is used to
display a group of avatars arranged horizontally. It is useful to visually
showcase a group of related avatars, such as, project team members or employees.
The control allows you to display the avatars in different sizes,
depending on your use case.
Supports 2 types - "Group" and "Invidual":
Group type: The avatars are displayed as partially overlapped on
top of each other and the entire group has one click/tap area.

Individual type: The avatars are displayed side-by-side and each
avatar has its own click/tap area.

Fixes: SAP#2409
dobrinyonkov added a commit to dobrinyonkov/ui5-webcomponents that referenced this issue Nov 30, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation
edd346a 
Introduce new component in the "main" package, called AvatarGroup. The component is used to
display a group of avatars arranged horizontally. It is useful to visually
showcase a group of related avatars, such as, project team members or employees.
The control allows you to display the avatars in different sizes,
depending on your use case.
Supports 2 types - "Group" and "Invidual":
Group type: The avatars are displayed as partially overlapped on
top of each other and the entire group has one click/tap area.

Individual type: The avatars are displayed side-by-side and each
avatar has its own click/tap area.

Fixes: SAP#2409
dobrinyonkov added a commit to dobrinyonkov/ui5-webcomponents that referenced this issue Nov 30, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation
5c1531b 
Introduce new component in the "main" package, called AvatarGroup. The component is used to
display a group of avatars arranged horizontally. It is useful to visually
showcase a group of related avatars, such as, project team members or employees.
The control allows you to display the avatars in different sizes,
depending on your use case.
Supports 2 types - "Group" and "Invidual":
Group type: The avatars are displayed as partially overlapped on
top of each other and the entire group has one click/tap area.

Individual type: The avatars are displayed side-by-side and each
avatar has its own click/tap area.

Fixes: SAP#2409
dobrinyonkov added a commit to dobrinyonkov/ui5-webcomponents that referenced this issue Nov 30, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation
c049a9c 
Introduce new component in the "main" package, called AvatarGroup. The component is used to
display a group of avatars arranged horizontally. It is useful to visually
showcase a group of related avatars, such as, project team members or employees.
The control allows you to display the avatars in different sizes,
depending on your use case.
Supports 2 types - "Group" and "Invidual":
Group type: The avatars are displayed as partially overlapped on
top of each other and the entire group has one click/tap area.

Individual type: The avatars are displayed side-by-side and each
avatar has its own click/tap area.

Fixes: SAP#2409
dobrinyonkov added a commit to dobrinyonkov/ui5-webcomponents that referenced this issue Nov 30, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation
cbb0f87 
Introduce new component in the "main" package, called AvatarGroup. The component is used to
display a group of avatars arranged horizontally. It is useful to visually
showcase a group of related avatars, such as, project team members or employees.
The control allows you to display the avatars in different sizes,
depending on your use case.
Supports 2 types - "Group" and "Invidual":
Group type: The avatars are displayed as partially overlapped on
top of each other and the entire group has one click/tap area.

Individual type: The avatars are displayed side-by-side and each
avatar has its own click/tap area.

Fixes: SAP#2409
dobrinyonkov added a commit to dobrinyonkov/ui5-webcomponents that referenced this issue Nov 30, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation
d1507bc 
Introduce new component in the "main" package, called AvatarGroup. The component is used to
display a group of avatars arranged horizontally. It is useful to visually
showcase a group of related avatars, such as, project team members or employees.
The control allows you to display the avatars in different sizes,
depending on your use case.
Supports 2 types - "Group" and "Invidual":
Group type: The avatars are displayed as partially overlapped on
top of each other and the entire group has one click/tap area.

Individual type: The avatars are displayed side-by-side and each
avatar has its own click/tap area.

Fixes: SAP#2409
dobrinyonkov added a commit to dobrinyonkov/ui5-webcomponents that referenced this issue Nov 30, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation
20d4743 
Introduce new component in the "main" package, called AvatarGroup. The component is used to
display a group of avatars arranged horizontally. It is useful to visually
showcase a group of related avatars, such as, project team members or employees.
The control allows you to display the avatars in different sizes,
depending on your use case.
Supports 2 types - "Group" and "Invidual":
Group type: The avatars are displayed as partially overlapped on
top of each other and the entire group has one click/tap area.

Individual type: The avatars are displayed side-by-side and each
avatar has its own click/tap area.

Fixes: SAP#2409
dobrinyonkov added a commit to dobrinyonkov/ui5-webcomponents that referenced this issue Nov 30, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation
cf8e6c9 
Introduce new component in the "main" package, called AvatarGroup. The component is used to
display a group of avatars arranged horizontally. It is useful to visually
showcase a group of related avatars, such as, project team members or employees.
The control allows you to display the avatars in different sizes,
depending on your use case.
Supports 2 types - "Group" and "Invidual":
Group type: The avatars are displayed as partially overlapped on
top of each other and the entire group has one click/tap area.

Individual type: The avatars are displayed side-by-side and each
avatar has its own click/tap area.

Fixes: SAP#2409
dobrinyonkov added a commit to dobrinyonkov/ui5-webcomponents that referenced this issue Dec 2, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation
bb03b60 
Introduce new component in the "main" package, called AvatarGroup. The component is used to
display a group of avatars arranged horizontally. It is useful to visually
showcase a group of related avatars, such as, project team members or employees.
The control allows you to display the avatars in different sizes,
depending on your use case.
Supports 2 types - "Group" and "Invidual":
Group type: The avatars are displayed as partially overlapped on
top of each other and the entire group has one click/tap area.

Individual type: The avatars are displayed side-by-side and each
avatar has its own click/tap area.

Fixes: SAP#2409
dobrinyonkov added a commit to dobrinyonkov/ui5-webcomponents that referenced this issue Dec 7, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation
339038d 
Introduce new component in the "main" package, called AvatarGroup. The component is used to
display a group of avatars arranged horizontally. It is useful to visually
showcase a group of related avatars, such as, project team members or employees.
The control allows you to display the avatars in different sizes,
depending on your use case.
Supports 2 types - "Group" and "Invidual":
Group type: The avatars are displayed as partially overlapped on
top of each other and the entire group has one click/tap area.

Individual type: The avatars are displayed side-by-side and each
avatar has its own click/tap area.

Fixes: SAP#2409
ilhan007 pushed a commit that referenced this issue Dec 7, 2020
@dobrinyonkov
feat(ui5-avatar-group): initial implementation (#2524)
ae926ee 
Introduce new component in the main package, called AvatarGroup. The component is used to display a group of avatars arranged horizontally. It is useful to visually showcase a group of related avatars, such as, project team members or employees. The control allows you to display the avatars in different sizes, depending on your use case.
Supports 2 main types - Group and Individual:
- Group type: The avatars are displayed as partially overlapped on top of each other and the entire group has one click/tap area.
- Individual type: The avatars are displayed side-by-side and each avatar has its own click/tap area.

Fixes: #2409
ilhan007 pushed a commit that referenced this issue Dec 7, 2020
@dobrinyonkov @ilhan007
feat(ui5-avatar-group): initial implementation (#2524)
43ac177 
Introduce new component in the main package, called AvatarGroup. The component is used to display a group of avatars arranged horizontally. It is useful to visually showcase a group of related avatars, such as, project team members or employees. The control allows you to display the avatars in different sizes, depending on your use case.
Supports 2 main types - Group and Individual:
- Group type: The avatars are displayed as partially overlapped on top of each other and the entire group has one click/tap area.
- Individual type: The avatars are displayed side-by-side and each avatar has its own click/tap area.

Fixes: #2409
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@dobrinyonkov dobrinyonkov

Labels
feature request High Prio SAP SF TOPIC P
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(ui5-avatar-group): initial implementation dobrinyonkov/ui5-webcomponents
5 participants
@jdichev @alex-zhang @ilhan007 @fifoosid @dobrinyonkov