UI5 / UI5/webcomponents

Custom avatar shape within ui5-li

Open
#5,462 1 comment 0 reactions 1 assignee View on GitHub

@dobrinyonkov is already working on this.

Since Sep 14, 2022.

feature request SAP SF TOPIC P
Dominant language
TypeScript
Stars
1.8k
Forks
285
Avg merge
3d 2h
Merged PRs (30d)
59

Description

Feature Request Description

Hi Team,
I am from successfactors, recently we are developing a page which renders a person list,
I am wondering if we can change the shape of avatar within <ui5-li>, I would like to set the shape to Circle, but by default it uses Square, and there's no way to change this property.

<ui5-li image={_getUserPhoto(person.userId)}>
      <ui5-title level="H5">{person.fullName}</ui5-title>
      <span>
          <ui5-label class={styles.email}>{person.email}</ui5-label>
          <ui5-label class={styles.title}>{person.title}</ui5-label>
      </span>
  </ui5-li>
Proposed Solution

It would be better if we can provide a property to custom avator shape.

Proposed Alternatives

N/A

Additional Context

N/A

Priority
  • Low
  • Medium
  • High
  • Very High

A clear and concise description of the impact/urgency of the required feature.

Stakeholder Info (if applicable)
  • Organization: {...}
  • Business impact: {...}

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.