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
2 answers

Fluent ui react theme for teams

I am am building a teams app, I want to set the teams theme using fluent theme, what are the exact values for theme in theme provider, Can i use fluentui/Northstar and fluentui/react together?
Umamaheshwari G
  • 3
  • 4
0
votes
1 answer

Dropdown clearing but state remains after component update

I've been following a few tutorials on creating a SPFX webpart form using fluent ui and React. My webpart component is constructed as follows: constructor(props: IOrderingProps, wpState: ICurrentWpState) { super(props); // init the state…
Jason Eades
  • 1,547
  • 5
  • 16
  • 31
0
votes
0 answers

Unable to import IDropdownOption when not using TypeScript

Having a project here not using TypeScript and trying to implement a Dropdown. But I fail importing the Dropdown Option. Like documented in https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown import { Dropdown,…
Michael Heuberger
  • 822
  • 3
  • 10
  • 27
0
votes
1 answer

onGetErrorMessage not being called for FluentUIReact TextField

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…
Nishchay Suteri
  • 1
  • 1
0
votes
1 answer

React JS Fluent ui onRenderTitle

Hello I am new to reactcand have to use fluent ui I am trying to chnage a custom optionlabel with onRenderTitle={(options) => ${options.name} (${options.roll_number})} Mycode:
Glen Sale
  • 43
  • 2
  • 8
0
votes
1 answer

React Typescript Fluent Ui -DetailList in onRenderItemColumn

i I don't succeed to fix the bug I need that in tablle show buttom I copy the code from fluent UI https://developer.microsoft.com/de-de/fluentui#/controls/web/detailslist/customitemcolumns enter image description here but this in give bug in…
Racheli Weiss
  • 1
  • 4
0
votes
1 answer

How to not leave button in selected state after click - fluent-ui (office ui fabric)

Using DefaultButton currently. This remains selected when clicked, which property can be used to revoke selection once clicked. Alternatively, is there any styling that needs to be done for selection?
unknown_boundaries
  • 1,482
  • 3
  • 25
  • 47
0
votes
1 answer

How can I update the parent state in React from a child funcional componet?

I need bind states between two components (a navbar an a map). Both components are receiving data from index state via props. How can I update index state in navbar component in order to update map component? In index.ts init this.state: { routes:…
MAL
  • 143
  • 1
  • 14
0
votes
1 answer

fluent ui tooltip in react js

Hello I am new to using fluent ui and applying it to my react. I am trying to align my tooltip with my textfield and trying to change background color to black and font to white. Also increasing the width and height of tooltipbox. const…
Glen Sale
  • 43
  • 2
  • 8
0
votes
1 answer

How to set font color of ToolTip in fluent-ui

Not able to set font color of ToolTipHost in fluent-ui, I tried below code but it is not working.
Imran Ali
  • 87
  • 3
  • 11
0
votes
2 answers

SPFx with Office UI Fabric

I am trying to create an SPFx solution with office ui Fabric/Fluent UI. I read somewhere that in higher versions of SPFx with react come with pre installed office ui fabric components with in them. So when I created the default SPFx with yeoman…
Rishi Vedpathi
  • 13
  • 7
0
votes
0 answers

Office UI Fabric/Fluent UI Dropdown Custom Rendering

I'm looking at the options for customise fluent UI dropdown, based on the doc there are 4 options: https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown
Shawn
  • 184
  • 2
  • 14
0
votes
1 answer

How to use styles in ProgressIndicator from fluentui-react

There is a property 'styles' that takes a "IStyleFunctionOrObject" but I have no idea how to set it. Anyone?
Ofer Gal
  • 707
  • 1
  • 10
  • 32
0
votes
1 answer

Custom icon for Fluent ui React northstar using svg

I am using yarn fluentui/react-northstar and i need to add custom icon using svg as this https://fluentsite.z22.web.core.windows.net/0.53.0/icon-viewer. is there proper way or guideline to do add custom icons?
DevÁsith
  • 1,072
  • 12
  • 38
0
votes
1 answer

CommandBar Buttons Hover

I am using the CommandBar Component to display links. (The buttons are href links). I want to remove the underline from buttons when hover. Is it possible? enter image description…
Lirlev4
  • 3
  • 1
1 2 3
…
20 21