问题标签 [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 回答
668 浏览

fluent-ui - Fluent UI React - 如何使用 Fluent ThemeProvider 应用全局组件样式

我正在使用下面的主题代码。我可以使用 ThemeProvider 和 createTheme 实用程序应用全局 Fluent 主题,但是当我添加特定于组件的主题时,我没有得到任何类型,这使得主题化变得非常困难。

所以我的问题是:如何使用具有强类型的 Fluent ThemeProvider 应用全局组件特定样式。

例如,如果我想为所有 Fluent PrimaryButtons 添加一个盒子阴影,我将不知道在components传递给createTheme.

如果你做过任何全局组件主题,请告诉我你使用的模式,如果我走在正确的轨道上,谢谢!

0 投票
1 回答
102 浏览

fluent-ui - 如何在 TeachingBubble FluentUI 组件中居中按钮?

我正在使用 Fluent UI 的TeachingBubble 组件。我希望它有一个按钮,应该居中。怎么可能呢?我无法从右下角移动它。

当前代码:

这输出:

在此处输入图像描述

应该在此代码中添加什么以使主按钮居中(在我标记的红十字处)?

0 投票
1 回答
227 浏览

css - Fluent UI Northstar 中的复选框大小

在 Fluent UI Northstar 中控制复选框大小的正确方法是什么?

我试过调整字体大小和高度,但它只作用于标签,而不是盒子本身。而且我在文档中没有找到任何东西。

在此处输入图像描述

0 投票
1 回答
548 浏览

reactjs - 如何使用fabric UI在进度条中显示进度完成百分比?

我正在使用流利的 UI 来显示进度条。

我引用的链接: https ://developer.microsoft.com/en-us/fluentui#/controls/web/progressindicator

我在使用反应显示进度条中的百分比时遇到了困难。有人可以就此提出建议。

谢谢,

0 投票
2 回答
602 浏览

office-ui-fabric - Office Ui Fabric Dropdown 未扩展到其内容

我正在使用 SPFx 附带的 Office UI Fabric React。它的版本是 6.214.0。我有一个如下所示的下拉列表:

styles.dropDown 具有以下样式:

这些值是根据 Web 服务动态填充的。但是下拉宽度不适合里面的项目。

在此处输入图像描述

如果我删除左边的浮动,它们都将占用 100% 的宽度。

我们如何使用 UI Fabric React 实现这一点?

0 投票
1 回答
196 浏览

fluent-ui - 如何冻结 Fluent UI 详细信息列表中的第一列

如何仅冻结 Fluent UI 详细信息列表中的第一列?列数超过 40 。因此需要冻结,以便可以使用水平滚动。

0 投票
1 回答
422 浏览

office-ui-fabric-react - 将类和 id 添加到 React Fabric UI 透视项 headerButtonProps

我似乎无法className通过. 我认为这应该是可能的,因为为枢轴按钮添加了 7.114.0 版本。我是否遗漏了一些明显的东西?我的 data 属性渲染得很好,以及标签内容周围的容器元素的类名和 id。idheaderButtonPropsPivotItemIButtonProps

0 投票
1 回答
117 浏览

components - 使用 Fluent UI Northstar 嵌入网页

我正在尝试使用 Fluent UI Northstar 中的 Embed 组件来嵌入 SharePoint 网页:

页面没有加载,我在页面中看到的只是一个播放图标:

在此处输入图像描述

我错过了什么?

该组件在同一个 SharePoint 网站中使用,因此用户已通过身份验证。

0 投票
2 回答
566 浏览

reactjs - DetailsList 正在重新渲染,因此正在失去其状态

因此,我一直在尝试实现这样的想法,即每当用户单击 DetailsList 中的任何行时,按钮都会启用,而当用户在选择区域之外单击时,按钮会被禁用。

这是我的代码

我什至使用了 useMemo 并继续敲打我的头,但问题仍然存在,单击任何行,状态丢失并且按钮未启用。我已经尝试过存储选择状态,计数,一切,但似乎我错过了一些对实施至关重要或基本的东西

0 投票
1 回答
46 浏览

reactjs - Microsoft Teams React App 防止从 SharePoint Online 覆盖样式

我开发了一个带有一些 Fluent UI React 组件的 Microsoft Teams 应用程序。该应用程序部署在 SharePoint 应用程序目录上,并与应用程序清单一起添加到 MS Teams。在 MS Teams 中,我想使用客户端的默认样式。

问题是应用程序正在使用租户的 SharePoint Online 自定义设计。如何防止这种行为?

干杯和感谢