python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - fluentui-react

how to call child component callback event from parent component in react

Hi I am a beginner in React, I am using Fluent UI in my project . I am planning to use Panel control from Fluent UI and make that as common component so that I can reuse it.I use bellow code import *...
test-img

kuntal

reactjs

fluent-ui

fluentui-react

Votes: 0

Answers: 1

Latest Answer

I would use React useState hook for this. Make a state in the component that you want render the Panel like const [openPanel, setOpenPanel] = useState({ isOpen: false, headerText: '' }) Let...
test-img

todevmilen

ScrollablePane with DetailsList cannot scroll fixed header issue

I am using fluent UI details list. I tried to scroll my headers with scrollbar. But My headers are not scrolling when I scrolls horizontally. This is my code. I found this from an example. But nothing...
test-img

AlexDemo

fluent-ui

fluentui-react

Votes: 0

Answers: 1

Latest Answer

import { DetailsList, DetailsListLayoutMode, Selection, SelectionMode, IColumn, IDetailsHeaderProps, IDetailsColumnRenderTooltipProps, ConstrainMode } from '@fluentui/react/lib/DetailsList'; ... con...
test-img

Debraj Banerjee

Adding sorting icon in column header in Details List in Fluent UI

For a DetailsList or ShimmeredDetailsList, I need to add two arrows (one up, one down) besides the column name in the column header so that the user can look at the grid and tell which column is sorta...
test-img

coolest-duck

office-ui-fabric

fluent-ui

fluentui-react

Votes: 0

Answers: 1

Latest Answer

You need to register the sort icon. registerIcons({ icons: { sort: <Sort />, sortdown: <ChevronUp />, sortup: <ChevronDown />, }, }); https://github.com/microsoft/...
test-img

Jan

Adding aria-label to label or paragraph

I am working on fixing a bug for a frontend built using Fluent UI. I have a ChoiceGroup in which I have rendered two div tags each having text. I want the screen reader to read both the texts when the...
test-img

RPDev

wai-aria

fluent-ui

fluentui-react

Votes: 0

Answers: 1

Latest Answer

So you have something like this? <div> text1 </div> <div> text2 </div> What do you mean by "chosen" in "when the first div is chosen"? Is it an intera...
test-img

slugolicious

Posts

Questions

Blogs

Jobs