fluent-ui Questions

3

Solved

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...
Embryo asked 3/7, 2020 at 19:31

2

Solved

I am currently trying to re-style a Fabric UI Button in React by changing its shape, background color and hovering color. I managed to change the first two, but i'm still having troubles in accessi...
Clawson asked 23/6, 2020 at 10:23

3

How to install fluent UI react with remix run? I believe this is important enough to be addressed here, as it is a stumbling block in the adoption of office-UI-fabric-react in the community.
Coquillage asked 23/12, 2021 at 4:31

1

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...

1

My Flutter application makes use of the relatively new Windows build tools and the community fluent_ui package. In an attempt to make my application look more native, I have opted to remove the def...
Midlothian asked 7/5, 2022 at 12:33

1

Not sure it's the right question for this forum, but I couldn't find another place for it. Our design team built their design system based on fluent ui libraries as described here. They downloaded ...
Nephrolith asked 14/7, 2022 at 13:18

2

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...

4

Solved

I am using Fluent UI DetailsList. In the example the component is implemented as a class component but I am using a functional component. I am having difficulties in getting the selected items, I ...
Norward asked 28/4, 2020 at 9:32

3

I am trying to create a DetailsList with sortable columns (similar as the example in the documentation here: https://uifabric.azurewebsites.net/#/controls/web/detailslist), but instead of a Class c...

3

Solved

After I install @fluentui/react, I try to use grid like this doc https://developer.microsoft.com/en-us/fluentui#/styles/web/layout ReactDOM.render( <React.StrictMode> <div className="ms...
Kunkle asked 6/5, 2020 at 7:53

1

I'm currently coding a React -typescript App for practising FluentUI (a.k.a Fabric). Issue appears with my App.tsx component. import React, { useContext, useState } from 'react'; import logo from '...
Jansen asked 17/4, 2021 at 23:59

1

I have created the sample by using this link https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist Now I want to add Pagination in the grid. Please let me know the steps.
Horse asked 14/9, 2020 at 8:50

1

Solved

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...

0

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...
Derick asked 12/8, 2020 at 5:21

1

I'm trying to move my SCSS code into React components using microsoft's mergeStyles utility, which is a part of its FluentUI framework. I'm stuck figuring out how to specify "::before" as...
Forefront asked 28/7, 2020 at 17:18

1

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...
Continuity asked 9/6, 2020 at 18:36

7

Solved

As Microsoft recently released a design system called "Fluent Design", is it appropriate to apply it on web design? Most of my searching has been for all Microsoft platforms, C# app, F# etc...
Zacek asked 25/5, 2017 at 2:19
1

© 2022 - 2024 — McMap. All rights reserved.