Описание тега office-ui-fabric-react

Вопросы с тегом
NoneOffice-ui-fabric-react (теперь называемый Fluent UI) - это библиотека компонентов, созданная Microsoft для использования с React.
3 ответа

Как настроить стиль заголовка столбца в списке сведений

Как изменить размер шрифта и заполнение ячейки заголовка в списке сведений. Я используюonRenderDetailsHeader prop для настройки рендеринга заголовка. private renderDetailsHeader = (detailsHeaderProps: IDetailsHeaderProps) => { return ( <Detail…
17 июн '20 в 09:37
1 ответ

Как применить стиль к значку типа IIconProps в пользовательском интерфейсе Fluid?

У меня есть кнопка, как в примере ниже, со значком (addFriendIcon). https://developer.microsoft.com/en-us/fluentui Как мне добавить стиль к этому значку? Например изменить цвет? import * как React из 'react'; импортировать { ActionButton, IIconProps…
12 авг '20 в 01:09
0 ответов

Стиль персоны не работает, когда я использую onRenderItem в NormalPeoplePicker

Я использую NormalPeoplePicker из office-ui-fabric-react. Я отменяюonRenderItemсобытие, но это нарушает стиль Персоны. Я предоставил два изображения и свой код, я ценю ваше решение. private onRenderItem(props: IPickerItemProps<IPersonaProps>):…
24 авг '20 в 22:52
0 ответов

элементы моментального снимка модульного теста office-ui-fabric-react заменены другими, такими как ForwardRef

После удаления каталога node_modules и выполнения установки npm модульные тесты не работают с несоответствующими снимками. Пара примеров: С помощью: "enzyme": "^3.10.0", "enzyme-adapter-react-16": "^1.15.1", "ts-jest": "^24.0.2",
29 июл '20 в 17:08
0 ответов

Использование React useCallback с Fluent UI DetailsList onSelectionChange

Почему переменная val внутри onSelectionChange не изменилась соответствующим образом? https://codesandbox.io/s/bold-smoke-h3b0w?file=/src/index.js Я думаю, что обратный вызов восстанавливается всякий раз, когда изменяется val.
12 апр '20 в 12:23
0 ответов

Тематика пользовательского интерфейса React Fluent

В настоящее время я разрабатываю приложение для MS Teams. После привыкания к библиотеке MS UI (теперь она называется fluent-ui) все начинает собираться воедино. Поскольку я хочу предоставить своим пользователям "встроенный" опыт, я хочу использовать…
25 мар '20 в 23:51
0 ответов

Как добавить ввод с красной линией в окно выбора людей в Fluent-UI?

У меня проблема с системой выбора людей Fluent-UI (Fabric-UI-React), если моя проверка не удалась. Не могу установить цвет границы ввода красным. У вас есть какое-нибудь решение?
17 июн '20 в 16:41
1 ответ

Нужно ли мне что-то особенное для использования UI Fabric PeoplePicker с React?

Я пытаюсь использовать элемент управления Microsoft PeoplePicker из UI Fabric, чтобы создать ощущение Office в моем приложении. Я могу использовать такие элементы управления, как раскрывающийся список и кнопка, но когда я хочу использовать PeoplePic…
19 мар '20 в 23:21
1 ответ

Office UI Fabric React - Combobox автоматически открывается, когда freeform==true

Здравствуйте, я обнаружил, что компонент ComboBox не открывается автоматически при нажатии внутри поля, когда включена опция "произвольная форма" - я понимаю, что это сделано по дизайну, но есть ли способ заставить его открыться, даже если свободная…
03 мар '20 в 12:41
1 ответ

Базовый список Office Fabric - как привязать кнопку в строках к работе?

Я пытаюсь сделать кнопку в каждой строке в базовом списке Office UI Fabric React Basic. Кнопка в основном вызывает функцию с идентификатором элемента. Код такой <List items = {this.state.relatedQuestions} onRenderCell = {this._onRenderListCell} /…
09 мар '20 в 20:09
0 ответов

Стиль office-ui-fabric-react DetailsList Cell по ее значению

Я использую список подробностей office-ui-fabric-react в веб-части SPFx, и он отлично работает. Я хочу иметь цвет фона ячейки на основе значения в них. Скажите красный, если нет, а зеленый - да. Если я использую это: onRender: (item) => { some fu…
10 мар '20 в 22:02
0 ответов

Прагматично установить клавишу Nav Control Selected [реагирует ткань Office ui]?

У меня есть сценарий, в котором мне нужно выбрать ссылку в элементе управления Nav одним нажатием кнопки, которая находится в некоторых других элементах управления. Я не могу найти в элементе управления Nav свойство, которое могло бы реагировать на …
23 мар '20 в 22:58
0 ответов

Как использовать DragDropHelper из fluentUI / office-ui-fabric?

FluentUI (он же office-ui-fabric) имеет вспомогательный класс DragDropHelper. К сожалению, документации нет, и я не совсем понимаю, как я буду ее использовать. Приветствуется небольшой пример.
24 мар '20 в 15:40
1 ответ

Перенос текста Office UI Fabric DetailsRow

Я пытаюсь обернуть текст и отобразить его несколькими строками в строке DetailsRow Office UI Fabric. В настоящий момент некоторые из моих строк с длинным текстом уходят с экрана, и я хотел бы, чтобы они были обернуты, чтобы пользователю не приходило…
03 апр '20 в 00:32
1 ответ

тема, установленная с помощью компонента Customizations, не соответствует теме getTheme()

Применяю темы из @uifabric/azure-themes или @uifabric/theme-samples через компонент настройки. Однако, как только я изменил тему, я заметил, что цвета темы, установленные компонентом настройки, не совпадают с цветами, полученными из @uifabric/stylin…
07 апр '20 в 04:23
2 ответа

Расширение Azure DevOps - тема пользователя и компоненты FluentUI

Я разрабатываю расширение для Azure DevOps в основном с использованием компонентов из azure-DevOps-ui (система дизайна Forumula), которая автоматически берет тему из пользовательских настроек. Я также использую некоторые компоненты из FluentUI (бывш…
07 апр '20 в 11:31
0 ответов

Текстовое поле Fabric React: как указать обработчик, когда пользователь нажимает клавишу ввода?

Когда пользователь изменяет текст в текстовом поле и нажимает клавишу Enter, мне нужно иметь возможность обрабатывать его для обработки пользовательского ввода. Такого конкретного обработчика в документации я не нашел. Обработчик OnBlur() вызывается…
07 апр '20 в 14:57
1 ответ

получить список iconNames из Office UI Fabric

Как получить список допустимых имен значков из структуры пользовательского интерфейса Office. Я пытаюсь создать средство выбора значков для веб-части spfx. Я пробовал импортировать IconNames из @uiFabric/icons: import{IconNames} из "@uifabric/icons"…
11 апр '20 в 01:03
0 ответов

проблема в понимании выбора даты из офисного интерфейса

private _onDropdownChange = (event: React.FormEvent<HTMLDivElement>, option: IDropdownOption): void => { this.setState({ firstDayOfWeek: (DayOfWeek as any)[option.key], }); }; Я пытаюсь понять указанную выше функцию из средства выбора даты …
15 апр '20 в 21:31
0 ответов

ComboBox: функция onPendingValueChanged: проблема с фильтрацией параметров при вводе с клавиатуры

В моем ComboBox я хотел бы, чтобы параметры фильтровались на основе ввода с клавиатуры. Итак, в моей опоре onPendingValueChanged, установленной на функцию handleNumberChange, я выполняю фильтрацию на основе параметра значения, например: const [ numb…
28 апр '20 в 09:45