问题标签 [fluentui-react]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
150 浏览

office-ui-fabric - 命令栏按钮悬停

我正在使用 CommandBar 组件来显示链接。(按钮是 href 链接)。我想在悬停时从按钮中删除下划线。是否可以?在此处输入图像描述

https://developer.microsoft.com/en-us/fluentui#/controls/web/commandbar

0 投票
1 回答
433 浏览

fluent-ui - Fluent ui React northstar 的自定义图标使用 svg

我正在使用 yarn fluentui/react-northstar,我需要使用 svg 添加自定义图标,如https://fluentsite.z22.web.core.windows.net/0.53.0/icon-viewer

是否有适当的方法或指南来添加自定义图标?

0 投票
0 回答
38 浏览

office-ui-fabric - 如何使用动态渲染手风琴内的内容

我如何使用 AccordionContent 和 AccordionContent 在面板内呈现内容。有两个方法renderPanelContent和renderPanelTitle,但无法使用它们

0 投票
1 回答
275 浏览

fluentui-react - 如何在 fluentui-react 的 ProgressIndicator 中使用样式

有一个属性'styles'需要一个

但我不知道如何设置它。任何人?

0 投票
0 回答
882 浏览

office-ui-fabric - Office UI Fabric/Fluent UI 下拉自定义渲染

我正在查看自定义流畅 UI 下拉列表的选项,根据文档有 4 个选项: https ://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown

  1. onRenderPlaceholder
  2. onRenderTitle
  3. 渲染选项
  4. onRenderCaretDown

但是这些选项并不是很接近我的要求,我想用额外的按钮自定义组标题和下拉面板。

根据代码中的定义(IDropdownProps),文档中也没有一些公开的自定义渲染,只是好奇是否有任何示例用例用于以下自定义渲染。

  1. onRenderItem
  2. 渲染列表
  3. onRenderContainer
0 投票
0 回答
52 浏览

reactjs - 从另一个组件获取对话框状态

我有一个 PCF,它在同一个 index.ts 中加载了几个组件:主容器、旁边的容器和另一个加载对话框组件的容器。这个对话框包括一个下拉控件,它从 index.ts 初始化过程中加载一些项目。我可以从其他组件中获取选定的值吗?

我的 index.ts:

Dialog 组件就是这个Fluent UI 组件,必须在组件加载时打开。

我的问题是,我可以从对话框中保存用户的选择,以便用它修改其他组件吗?

0 投票
0 回答
88 浏览

fluent-ui - Fluent-ui - 在 DetailsList 上拖放项目时负责滚动的扩展区域

我有一种情况,当具有拖放功能的 DetailsList 顶部被 ScrollablePane 上的 Sticky 组件覆盖时。所以向上滚动列表变得不可能。我想扩展(或移动)负责在将项目从 DetailsList 的顶部/底部拖动到拖动项目的上方/下方时滚动的区域。或者只是简单地扩大那个区域。

有没有办法做到这一点 ?非常感谢您的回复

0 投票
2 回答
670 浏览

reactjs - 带有 Office UI Fabric 的 SPFx

我正在尝试使用 office ui Fabric/Fluent UI 创建一个 SPFx 解决方案。我在某处读到,在带有 react 的更高版本的 SPFx 中,其中包含预安装的 Office ui 结构组件。因此,当我使用 yeoman 生成器创建默认 SPFx 时,它在 package.json 中创建了“office-ui-fabric-react”:“7.156.0”。但是当我尝试导入文本框或按钮时,它说找不到模块'@fluentui/react/lib/TextField'。我的 SPFx 版本是 1.12.0。我在我的 package.json 中创建了“@fluentui/react”的条目:“7.111.0”,并且错误已解决,但是当我运行 SPFx 时,它显示找不到组件错误。我的节点版本是 10.18 我的问题是,是否有任何特定版本可以用来运行带有 office ui 结构的 SPFx?office UI 结构和 Fluent UI 是一样的吗?请指导我正确的版本,以便我可以流畅的 ui 控件。

0 投票
0 回答
98 浏览

reactjs - 流畅的用户界面,NormalPeoplePicker。如何使用“标签”选择建议值?

我有带有搜索功能的普通人选择器下拉菜单。如何使用“选项卡”按钮选择第一个建议值?

图片

0 投票
1 回答
258 浏览

reactjs - 如何在fluent-ui中设置ToolTip的字体颜色

无法在 fluent-ui 中设置 ToolTipHost 的字体颜色,我尝试了下面的代码,但它不起作用。