I'm looking for some guideline what's the difference between @fluent-ui/react and @fluent-ui/react-northstar. This documentation (READMEs) are super imprecise. I'm don't understand which one to use...

These projects seem closely related. Someone from the office-ui-fabric team made the following comment in August 2019: We're actually in the middle of working with MSFT marketing team to somehow...

I am using TextField component provided by Fluent UI in React wherein I am rendering a custom validation error message (JSX.Element). <TextField value={"ABC"} onChange={(_, newValue...

Today I tried to use the Grouped DetailsList of the fluent-ui. What I expected: I need to declare some groups, let's say red, blue, green and then just add to each item, I want to add to the List...

I use DetailsList component from office-ui-fabric-react library: import {DetailsList} from 'office-ui-fabric-react/lib/DetailsList'; render () { const item = [ {value: 'one'}, {value: 'two'} ...

I created a new react project by following directions here https://learn.microsoft.com/en-us/office/dev/add-ins/quickstarts/excel-quickstart-react It creates a typescript react project. I copied...

I've got a component and want to use the Office-UI-Fabric-react component "Callout" when the mouse is hovering over a "Persona"-element. The "Callout" works if I refer...

I was looking through the office fabric documentation, there seems to be clear information on how to style the items/content inside the DetailsList (https://developer.microsoft.com/en-us/fabric#/co...

I have a situation in which I want to display data in a FluentUI DetailsList, where column names can be very long, while the column content can be very narrow. In such a case, the header will be tr...

I have been using Fluent UI to implement the UI for an Excel add-in that I'm working on. I need a way to display a series of pop up notifications that do not require user input, but just serve to n...

I'm trying to write more unit tests for my combobox component, but more specifically, I want to simulate keyboard input into the combobox. I've tried using React's testing library's keyboard events...

I am trying to use office-ui-fabric-react with my project. But I stucked when controlling select input. I want to get selected item's value on OnChange event. But there's no value on event.target. ...

I'm using office-ui-fabric-react library. Current version that I'm on is 7.17.0. My list is super simple: <DetailsList columns={this.state.columns} items={this.state.items} compact={true} ...

I am very new to office ui fabric-react and react in general so don't hesitate to give me pointers if I am doing it totally wrong. Although my requirement is fairly simple, I just can't get it fi...

I am building office addins for Project. It is really weird that even though I am using proper icon names some icons are not showing Followed everything from the official documentation https://...

I'm using Office-Fabric-Ui and its dialog functionality. var template = $("<div id='something'>This is modal dialog content</div>"); var uidialog = new fabric["Dialog"](template[0]);...

I was wondering if I can just use the Office React Fabric UI framework in a company internal application that is not related to Microsoft services such as SharePoint or Office. I read the License ...

Expected behavior This is what I'm trying to achieve with the CommandBar. When there's not enough space for the items label I want to hide the labels and not go in the overflow menu. When I res...

I want to use the check column to select which products to put into a shopping cart. In the same time, I'd like clicking on the row to just open a product view without making a selection. Currentl...

I'm looking at customitemrows but there isn't much documentation. I have a table and if a row was created by a current user, I want to change the color from black to grey. I can do that with style...

Is it possible to split DetailsList column header caption into multiple lines? I want to make columns as narrow as possible as they only show icons, but column headers have 2 or 3 words. Thanks! ...

I am new to react and also wanted to use office react ui for one of our requirement i followed the git hub and able to use office ui react components in my components but while running my first tes...

I am trying to conditionally disable mouse click events on certain rows in a OUIF DetailsList. But I can't seem to get it to work. I tried overriding onRenderRow and setting CheckboxVisibility to n...

I'm trying to use Office UI Fabric React components in my web app. Is there a way to change the color or theme of the components? For example, I tried something like this: ReactDOM.render( <Def...