Questions tagged [fluent-ui]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
0 answers
12 views

Page numbers are not rendering in Pagination control spfxwebpart react

I am using Fluent UI pagination control. Setting page count dynamically using state variable. But, it is not setting in the initial page load once webpart loaded. Showing only "Next" and &...
Swetha's user avatar
  • 389
0 votes
0 answers
130 views

How to use Text-Field of Fluent UI in spfx react?

I want to make a form by using Fluent UI. I'm getting an error which is displayed in the image . Can someone please help me to resolve this error?
Renuka's user avatar
  • 37
1 vote
1 answer
155 views

file/folder explorer in react application

I have a SharePoint application in react fluent ui. I would like to know if there is a way to build a folder explorer. The application manges a SharePoint list. For each list item I would like to let ...
serge's user avatar
  • 133
1 vote
1 answer
243 views

Is it possible to create DetailedList with expanded/collapsed rows?

Is it possible to create DetailedList with expanded/collapsed rows? Please see mockup from figma: I have project like on image attached and need to figure out how to achieve such layout with Fluent ...
Baldini's user avatar
  • 13
0 votes
1 answer
6k views

Argument of type 'string' is not assignable to parameter of type 'IDropdownOption[]'

I'm trying to sold a small error in my SPFx Project. I understand the problem, but I can't find any solution. <DefaultButton className={styles.button} onClick={() => this.addListItems(this....
LeberkäseWhatsappgruppe's user avatar
1 vote
0 answers
541 views

Which version of fluentui/office fabric UI is best to be incuded in SPFX project?

The documentation states that by default Fabric core styles are already included in the SPFX framework. They also say we can use office-ui-fabric-react, but that will be included in the output bundle (...
Steve B's user avatar
  • 7,488
1 vote
1 answer
1k views

DetailsList renders but without showing content of List

I am trying to render a SharePoint List in a DetailsList component from Fluent UI where it renders right amount of rows equal to the length of list items in my list but does not show the content of my ...
kelank's user avatar
  • 97
2 votes
1 answer
2k views

What is the difference between Fluent UI People Picker and Pnp Spfx React PeoplePicker

I am using PnP SPFx React PeoplePicker in one of my SPFx web part, it works fine. But later I found out that MS Fluent UI also have a PeoplePicker. Going through the docs it seems a little bit ...
Asad_code's user avatar
3 votes
1 answer
2k views

SharePoint css classes reference

Please help me with reference link, where I can get all SharePoint CSS class name in fluent UI. Example: sp-field-severity--low
Rajat Sahani's user avatar
0 votes
1 answer
956 views

how to use Fluent UI HoverCard in SPFX Webpart

In my current project there's requirement to show more details when hovering on a read more HTML span, where specified functionality is to show Fluent UI HoverCard with all the details, I am trying to ...
Asad_code's user avatar
0 votes
2 answers
1k views

Fluent UI no theme in SpFx

I'm currently working on my first SPFx project using Microsoft's Fluent UI React. I tested my solution in the local workbench and everything seemed fine. But as soon as I release it to the app catalog ...
Romano Zumbé's user avatar
0 votes
2 answers
5k views

How to use the latest set of Fluent UI icons for SPFx?

I am using the code from here https://developer.microsoft.com/en-us/fluentui#/controls/web/icon which is import { FontIcon } from 'office-ui-fabric-react/lib/Icon'; <FontIcon iconName="...
omega's user avatar
  • 2,160
1 vote
1 answer
1k views

how can we automatically add commas to numbers being typed in SPFx react fluent textfield. ex: 1,000,000,000

<div> <TextField value={this.state.Budget} onChanged={this.onChangeBudget} /> </div> public onChangeBudget = (value: string) => { console.log("Budget : ...
Sunny Sinha's user avatar
0 votes
0 answers
322 views

Tag Picker in SPFx

I am trying to use the FluentUI Tag picker on https://developer.microsoft.com/en-us/fluentui#/controls/web/pickers for one of my projects Being a newbie , I am experiencing challenges implementing ...
Vivek's user avatar
  • 37