microsoft / microsoft/AdaptiveCards

[Javascript] Enhance adaptivecards-fabric library by supporting fluent ui elements

Open
#5,108 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Design Discussion - Needed Request Task
Dominant language
C#
Stars
2k
Forks
595
Avg merge
1d 19h
Merged PRs (30d)
1

Description

What platform is your feature request related to? (Delete other platforms).

  • JavaScript

Is your feature request related to a problem? Please describe.
We are using adaptive card to display search results in Microsoft search. However some of our search results is displayed with extensive UI containing few elements like breadcrumb :

We want to render these search results using adaptive card. However with the current set of elements supported by adaptive card, it is quite difficult to match the existing design.

Describe the solution you'd like
We are using fluent ui(fabric) elements to render these search results. And we want to know if all the fluent ui elements can be supported by adaptive card.
There is already an existing package in adaptive card library called adaptivecards-fabric which supports all the input type adaptive card elements. We wanted to explore the possibility if the same package can be extended to support other elements of fabric or if possible can we create a separate package for these components.

I know that these custom elements will be only supported by javascript platform and not in other platforms as the fabric library itself is not same for all platforms, but again adaptivecards-fabric package was built only for JS platform (Although I might be wrong here).

Additional context
We tried to do a POC to validate if this idea is even possible and it turned out to be easily integrable. Below is the details of POC

POC

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.

Research direction

Start by reviewing the existing adaptivecards-fabric package and the proof of concept described in the issue. Clarify which Fluent UI elements are required, whether they belong in that package or a separate one, and what cross-platform scope is intended. A defined element list, package boundary, and acceptance criteria are needed before implementation can be considered done.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.