Category : fluentui-react

TL;DR; DetailList has parameter groupProps={{ onRenderHeader: this._onRenderGroupHeader }} but onRenderHeader is not called on every selector click. Fluent UI documentation shows how to show a grouped list https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/grouped and how to show custom group rows: https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/customgroupheaders We need to show number of currently selected items in the group header which should be updated/rendered on each ..

Read more

I was going through fabric UI TextField documentation(https://developer.microsoft.com/en-us/fluentui#/controls/web/textfield ) . I tried few examples of TextField with the following two handlers:- onChange onGetErrorMessage. I tried few experiments with these two handlers (https://codepen.io/nishchay271095/pen/rNyPKYY?editors=1011 ):- Case 1. When using both the handlers without any extra properties of TextField, both handlers(onChange and onGetErrorMessage) are called. <TextField label="Controlled TextField" ..

Read more

I’m populating an object from an O365 REST call, then filtering using multi-select dropdowns in a SPfx FluentUI Detailslist app. My code is appending the results from any of the values from each of the dropdowns versus narrowing down the results to meet all the filter conditions. Sample Codepen: https://codepen.io/detailcode/pen/VwmdZoo <!DOCTYPE html><html><body> <select id="lstTitle" multiple ..

Read more

I am trying to use the tagPicker from fluent ui. I am using as starting point the sample from the site: https://developer.microsoft.com/en-us/fluentui#/controls/web/pickers The problem is that the object I have has 3 props. the objects in the array are {Code:’string’, Title:’string’, Category:’string’}. I am using a state with a useeffect to get the data. SO ..

Read more

I am following a tutorial to build a dashboard using fluentui in React, and am going to customise it and change it afterwards. However I have followed the tutorial exactly and got no errors but for some reason the cards and table appear at bottom of screen, not looking like how they are styled and ..

Read more