Описание тега fluentui-react
Fluent UI react или web представляет собой набор утилит, компонентов React и веб-компонентов для создания веб-приложений. Коллекция UX-фреймворков для создания красивых кроссплатформенных приложений с общим кодом, дизайном и взаимодействием. Главная: https://developer.microsoft.com/en-us/fluentui#/ Источник: https://github.com/microsoft/fluent-ui-react
1
ответ
Как закрепить первый столбец в списке деталей пользовательского интерфейса Fluent
Как я могу заморозить первый столбец только в списке сведений о Fluent UI? Колонны более 40. Следовательно, его необходимо заморозить, чтобы можно было использовать горизонтальную прокрутку.
22 фев '21 в 12:12
0
ответов
Fluent UI: как изменить цвет кнопки закрытия диалога?
Как можно изменить цвет кнопки закрытия диалогового окна Fluent UI (та, что в правом верхнем углу)? Я не могу перемещаться по реквизитам и находить параметры, которые нужно изменить.
11 фев '21 в 20:12
0
ответов
Как получить набор данных в IconButton в onClick в menuProps Fluent UI
У меня есть IconButton Fluent UI с таким определением: <IconButton menuProps={menuProps} iconProps={menuIcon} data={props.data[props.row.index].uniqueID} /> и menuProps, как показано ниже: const menuProps: IContextualMenuProps = { items: [ { k…
24 фев '21 в 21:58
2
ответа
Как использовать цветовую палитру Northstar в Fluent UI?
Fluent UI Northstar имеет цветовую палитру. Я могу найти названия цветов и градиенты в документации, но как я должен использовать имена и значения градиента (100, 200 и т. Д.) В TypeScript? Я не нашел ни документации, ни примеров.
09 фев '21 в 02:10
1
ответ
Встроить веб-страницу с помощью пользовательского интерфейса Fluent Northstar
Я пытаюсь использовать компонент Embed в Fluent UI Northstar для встраивания веб-страницы SharePoint: <Embed iframe={{ allowFullScreen: true, src: "https://tenant.sharepoint.com/sites/SiteName/Lists/ListName", frameBorder: 0, height: '400px', wid…
26 фев '21 в 02:06
1
ответ
Добавить класс и идентификатор в заголовок сводного элемента пользовательского интерфейса React Fabric
Я не могу получить className или же id для рендеринга с помощью ссылки кнопки вкладки через headerButtonProps в PivotItem. Я думаю, что это должно быть возможно, поскольку добавлена версия 7.114.0 IButtonPropsдля кнопки поворота .. я упускаю что-т…
25 фев '21 в 19:42
0
ответов
Лучший способ использовать навигацию на боковой панели [закрыто]
Как лучше всего использовать навигацию из боковой панели ? Например, я хочу загрузить один компонент в боковую панель, и при выборе кнопки панель загрузит другой компонент. На этом компоненте есть дополнительная кнопка для загрузки еще одного компон…
17 фев '21 в 00:27
2
ответа
Раскрывающийся список Office Ui Fabric не расширяется до своего содержимого
Я использую Office UI Fabric React, который поставляется с SPFx. Это версия 6.214.0. У меня есть выпадающий список, который выглядит так: <Dropdown placeholder={strings.Position} label="" options={positionOptions} onChange={(e, option) => setP…
17 фев '21 в 06:01
0
ответов
Отслеживание выбранных элементов в списке DetailsList в списке @fluentui/react
я использую @fluentui/react в моем приложении React, например, в следующем блоке компонентов, где я использую DetailsListдля отображения записей в виде сетки. Я установил selectionMode к {SelectionMode.multiple} чтобы позволить пользователю выбрать …
16 фев '21 в 22:57
1
ответ
Выпадающее меню с идентификаторами элементов в FluentUI/react-northstar
В настоящее время я пытаюсь создать раскрывающийся список с помощью компонента раскрывающегося списка FluentUI / response-northstar. К сожалению, items prop для этого компонента имеет только string[] для отображаемых имен в раскрывающемся списке, но…
21 дек '20 в 17:22
1
ответ
Как отцентрировать кнопку в компоненте TeachingBubble FluentUI?
Я использую компонент TeachingBubble в Fluent UI . Я хочу, чтобы у него была одна кнопка, которая должна быть по центру. Как это можно сделать? Я не могу переместить его из правого нижнего угла. Текущий код: <TeachingBubble headline="Welcome" pri…
10 фев '21 в 01:31
1
ответ
Fluent UI - лучший способ импортировать компоненты
Я новичок в новом мире Javascript и хотел бы узнать разницу между import { MessageBar } from "office-ui-fabric-react"; import { MessageBar } from "office-ui-fabric-react/lib-commonjs/MessageBar"; Оба они вроде работают нормально. Я использую webpack…
29 янв '21 в 09:55
1
ответ
Кнопка «Закрыть» без «X» в пользовательском интерфейсе Fluent
Я пытаюсь создать TeachingBubble с помощью Fluent UI. Я хочу, чтобы у него была кнопка закрытия, отмеченная знаком «x». Я бы хотел иметь кнопку закрытия, как в этом примере: Как это можно сделать в React, используя Fluent UI? Мой текущий код: import…
08 фев '21 в 21:11
1
ответ
Как отцентрировать кнопку в компоненте Fluent UI Dialog?
Компонент диалога в пользовательском интерфейсе Fluent имеет DialogFooter. Я хочу разместить кнопку внутри этого нижнего колонтитула, и я хочу, чтобы она была в центре. Как этого достичь? Я не могу переместить его из места по умолчанию. Пример кода …
09 фев '21 в 16:36
1
ответ
Fluent UI React - как применять глобальные стили компонентов с помощью Fluent ThemeProvider
Я работаю с приведенным ниже кодом темы. Я могу применить глобальную тему Fluent с помощью утилиты ThemeProvider и createTheme, но когда я добавляю темы для конкретных компонентов, я не получаю никаких наборов текста, что очень затрудняет их создани…
09 фев '21 в 23:00
0
ответов
Есть ли способ пропустить подсчет ContextualMenuItem и отобразить настраиваемую кнопку - Fluent UI?
Есть ли способ пропустить подсчет ContextualMenuItem и отобразить настраиваемую кнопку? Образец кода: [...listItems, { key: 'buttons', onRender: () => { return ( <div className='custom-class-container'> <ActionButton text='FILTER CLEAR' …
15 фев '21 в 14:30
0
ответов
В стеке компонентов ErrorBoundary не отображаются имена моих компонентов. Почему и как это исправить?
Пожалуйста, посмотрите на стек компонентов, который я получил после ошибки ниже. Мои собственные компоненты написаны как «Неизвестно». Другие компоненты, подобные тем, которые я использую на fluentui, показаны по их именам, например, как «Стек». Что…
06 мар '21 в 15:31
0
ответов
Свободный выбор UI GroupedList
Играем с FluentUI и пытаемся заставить GroupedList работать, но у вас так много вопросов о Selection: это мой пример:https://codesandbox.io/s/hopeful-chebyshev-n4enr?file=/src/GroupedList.Basic.Example.tsx Я пытаюсь достичь: Мне нужно отобразить наз…
06 мар '21 в 23:48
0
ответов
Разница между FormButton, Form.Button и Button в Fluent UI Northstar
Я протестировал 3 компонента - FormButton, Form.Button, Button - и, похоже, они ведут себя одинаково. Когда я должен выбрать одно против другого? Некоторые формы (без каламбура) устарели? Демонстрация CodeSandbox
26 фев '21 в 20:49
2
ответа
DetailsList перерисовывается и, следовательно, теряет свое состояние
Итак, я пытался реализовать идею о том, что всякий раз, когда пользователь щелкает любую строку в DetailsList, кнопка включается, а когда пользователь щелкает вне зоны выбора, кнопка отключается. Это мой код import { DetailsList, SelectionMode, Sele…
26 фев '21 в 04:57