Stack Overflow
Stack Overflow

Questions tagged [fluentui-react]

Fluent UI react or web represents a collection of utilities, React components, and web components for building web applications. A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior. Home: https://developer.microsoft.com/en-us/fluentui#/ Source: https://github.com/microsoft/fluent-ui-react

Fluent UI react or web represents a collection of utilities, React components, and web components for building web applications. A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.

Home: https://developer.microsoft.com/en-us/fluentui#/ Source: https://github.com/microsoft/fluent-ui-react

311 questions
0
votes
1 answer

Fluent UI React how to change nav link icon color?

I want to change the nav link icon color. If I set the primary color by creating a custom theme it won't effect. Actually it worked on hover but not…
abdllhcay
  • 69
  • 2
  • 6
0
votes
0 answers

IDialogContentStyleProps isMultiLine property

What exactly is affected when isMultiLine set to True for the Dialog widget? I've tried setting that and don't see any visual difference.
Tim H
  • 21
  • 3
0
votes
2 answers

How to change sort icon in detailslist

I am using detailslist, is there a quick property to change sort icon? I find below styles but do not know how to set it
萧逸清
  • 165
  • 3
  • 11
0
votes
1 answer

Render a as

with fluent ui react

I would like to be able to render the ms fluent-ui as a paragraph instead of the default span for accessibility reasons but the documentation is very unclear on what exact input is expected and in what format. I would expect something like…
PixelatedLlama
  • 23
  • 3
0
votes
1 answer

how to add a date picker to Form in @fluent/react-teams

how do we include a date picker to the Form, I didnt find date picker is there a way to extend with custom components. the component library link
umgolla
  • 39
  • 8
0
votes
1 answer

How to reduce the height of the list elements in dropdown

I have tried to override the height for the list items of the dropdown dropdown list width and height overrided .ui-list{ max-width : 200px max-height : 200px } but only the height is not getting overridden styles not…
umgolla
  • 39
  • 8
0
votes
1 answer

how to dismiss dropdown when click outside?

i am learning react+typescript. i want to implement a control like fluentui dropdown: basically I draw a div and set its position 'relative' then use absolute layout on the dropdown panel. but there is a problem: how to dismiss the dropdown when…
萧逸清
  • 165
  • 3
  • 11
0
votes
1 answer

What is the Alternative for Form Tag in React Fluent-UI?

I am currently developing Microsoft Addin with react. I have added TextField to the AddIn. But I couldn't get the value from inputs because there is no Form tag in fluent-ui. What can I do to resolve this? This is the component.
Pethum Jeewantha
  • 45
  • 6
0
votes
1 answer

Microsoft Graph Toolkit PeoplePicker onChange event not triggering in mobile

We are using PeoplePicker in the Teams Personal Tab, we are able to trigger onChange event in the Desktop and browser but not in the Teams Mobile App. We are rendering the PeoplePicker in a Modal component (All are Fluent UI react components).
MaheSH YU
  • 27
  • 6
0
votes
2 answers

How to make the scrollbar to the top when opening the option list using the Dropdown from @fluentui/react-northstar

While opening the dropdown option list the scrollbar moves to the bottom. The last options are visible in the select option list. Can anyone provide solutions for showing the list items scrollbar to the top most items? import React from…
Titus Annadurai
  • 11
  • 1
  • 4
0
votes
3 answers

React: Issue with fetching and updating the state in useCallback

I am currently working on a component that makes an API call, retrieves the data, and then displays the data in the Fluent UI Datalist. The issue is as follows: The component loads for the first time, then it re-renders after the API call, and the…
Johhny Bravo
  • 199
  • 3
  • 15
0
votes
1 answer

what is the minimum react version for @fluentui/react-northstar?

This project using react ^17.0.1" with fluentui/react-northstar but I am getting error as below package.json while running npm i @fluentui/react-northstar. what can be the reason ? npm i @fluentui/react-northstar npm ERR! code ERESOLVE…
DevÁsith
  • 1,072
  • 12
  • 38
0
votes
1 answer

Button with ellipsis on a label, sized by parent

Fluent UI PrimaryButton renders the
Danko Kozar
  • 221
  • 2
  • 8
0
votes
1 answer

How to change border colour in dropdown in fluent ui?

has styles props. which expects IDropdownStyles.But not able to change border outline colour. I tried this, root: { width: 300, color: "red", backgroundColor: "red", borderColor: "red", borderTopColor: "red", outlineColor:…
Natheeshkumar Rangasamy
  • 687
  • 9
  • 27
0
votes
1 answer

what is different between style vs styles in component - fluentui/react-northstar

I am using fluentui/react-northstar as in the doc, styles has below definition Name Default Type Description styles ComponentSlotStyle Additional CSS styles to apply to the component instance. but what is different between style…
DevÁsith
  • 1,072
  • 12
  • 38
1 2 3
…
20 21