问题标签 [office-ui-fabric]

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 回答
66 浏览

office-addins - Office UI Fabric 未在我的 Excel 插件项目中呈现

从 VS 2017 开始,我创建了一个新的 Excel 插件。在Home.html之前,我从这个 Microsoft 模板<div class="footer">中添加了以下部分:

我应该注意到我确认这些参考文献在Home.html头脑中:

当我运行这个项目时,我进入了任务窗格:

在此处输入图像描述

但是,我期待这个:

在此处输入图像描述

逻辑有什么问题?如果我使用 Fabric 的 CSS 和代码模板手动创建一个 HTML 文件,它可以很好地呈现,但这在我的 Excel 插件项目中不起作用。

0 投票
1 回答
158 浏览

office-js - 在 ScriptLab 的 JavaScript 项目中使用 Office UI Fabric 时出现语法错误

在一个新的 ScriptLab 的JavaScript项目中,我添加了以下库来获取 Office UI Fabric 功能:

所以我写了这个脚本(只注意fabric单词):

fabric我在关键字中得到红线错误语法。我知道如果项目是 TypeScript 而不是 JavaScript 项目,我可以在脚本顶部写下这个来防止这种情况:

但是,我应该在 JavaScript 部分的顶部写什么?我应该补充一点,该项目运行正常,艰难。

0 投票
1 回答
2029 浏览

reactjs - Office UI Fabric React 人员选择器未填充建议的下拉菜单

当我为人员选择器使用 office ui fabric react 组件时,它不会在下拉列表中填充建议的人员。

我得到的两个错误是

CommandButton.render() 中的异常:TypeError:无法读取未定义的属性“调色板”

Layer.componentDidUpdate() 中的异常:CommandButton.render() 中的异常:TypeError:无法读取未定义的属性“调色板”

我只能在 github https://github.com/OfficeDev/office-ui-fabric-react/issues/1952上找到这个问题,但没有什么可做的。我正在使用 office-ui-fabric-react 版本 4.5.1

从我所看到的情况来看,该查询正在工作,因为我可以 console.log 记录结果并且那里有人。

这就是它现在的样子。

0 投票
1 回答
467 浏览

javascript - Office Fabric UI MessageBanner 选择不一致

使用 Office Fabric UIMessageBanner组件时遇到问题。为什么我可以实例化一个由 jQuery 和 jQuery 返回的元素document.querySelectorChoiceFieldGroup但只document.querySelector适用于MessageBanner

这是文件test.html

这是文件test.html

0 投票
1 回答
1590 浏览

reactjs - 如何在 Office UI Fabric React 图标按钮组件中使用 Font Awesome 图标?

我在 React 中使用 Office Fabric UI。我想在图标按钮上使用 Font Awesome 图标而不是 Fabric 图标。

谁能告诉我我会怎么做?

0 投票
2 回答
814 浏览

javascript - 当我们悬停图标时自动打开菜单(ng-office-ui-fabric)

我想将 office-ui-fabric 与 angularjs 一起使用,所以我尝试使用ng-office-ui-fabric

为了制作命令栏,我找到了这个例子。但是,下拉按钮(例如14th)存在问题。当我单击14th或其图标时,菜单未打开。正常吗?

另外,我实际上想要实现的是:当我们将其图标悬停时,菜单是打开的。

有谁知道如何做到这一点?

PS:点击不打开菜单的JSBin (Chrome,mac)。14th

0 投票
1 回答
322 浏览

javascript - 使命令栏无响应

我想将 office-ui-fabric 与 angularjs 一起使用,所以我尝试使用ng-office-ui-fabric

在下面的例子中,当屏幕的宽度有限时,我们可以观察到span(例如3rd,,14)是隐藏的。这不是我想要的;无论屏幕宽度如何,我都希望它们始终显示。

有谁知道如何使命令栏无响应?

0 投票
1 回答
647 浏览

javascript - 在 angularjs 中使用 office-ui-fabric-js

我用office-ui-fabric-js制作了一个jsbin

现在我想在周围添加一个角度控制器。所以我尝试了这个JSBin

但是,它给出了一个错误Failed to instantiate module YourApp。有谁知道如何解决这一问题?

理论上我们可以使用office-ui-fabricand office-ui-fabric-jsinside angular,还是必须使用ng-office-ui-fabric

0 投票
2 回答
1843 浏览

reactjs - 如何使用fabric ui react创建密码输入?

Fabric ui中有一个TextField输入,但我还没有找到为登录表单创建密码字段的方法。

编辑:

我尝试使用“类型”属性,但出现错误。

这些是 package.json 中的相关包:

这个问题似乎与我的类似:https ://github.com/OfficeDev/office-ui-fabric-react/issues/2203 - 我尝试降级到 TypeScript 2.2.2,但我从 node_modules 文件夹中得到了大量错误如果我这样做。

更新:问题现已修复。更新了软件包,它不再存在。

0 投票
2 回答
336 浏览

javascript - 上下文菜单的宽度

我正在尝试使用ng-office-ui-fabric的命令栏,并修改uif-contextextual-menu-item. 这是一个代码

如您所见,我设法修改了第一个菜单的宽度.menu1.ms-ContextualMenu(因为它太大了),但是子菜单的位置变得不正确。有谁知道如何解决这一问题?