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

jquery-plugins - 将 Office UI Fabric 日期选择器与 Aurelia 一起使用时的问题

我正在尝试将Office UI Fabric 日期选择器与我的 Aurelia 应用程序一起使用。根据提供的示例,我到目前为止所做的事情:

  1. 围绕 datepicker 创建了一个自定义元素:

    • msfabric-date-picker.html

      /li>
    • msfabric-date-picker.ts

      /li>
  2. datepicker 自定义元素的用法:

    /li>
  3. 在布局 html 页面中添加了 Office-Fabric 日期选择器库:

    这就是问题所在。据我了解,这个结构组件依赖于pickadate.js,并且在加载jquery 插件时require.js出错。我已尝试将代码替换为此处提供的 codepen 中的代码,但没有成功。我什至尝试在添加织物脚本之前直接添加脚本, 和,但再次没有成功。在所有情况下,我都会遇到相同的错误。Uncaught Error: Mismatched anonymous define() modulepickadate.jsJquery.DatePicker.jspickadate.jspicker.jspicker.date.js

我认为问题在于如何pickadate.js加载模块。需要您的帮助来解决这个问题。

0 投票
0 回答
1150 浏览

javascript - 多个 SharePoint 2013“拖放上传器”位置错误地放置在响应式页面布局中

我正在 Office UI Fabric 的帮助下开发响应式设计自定义页面布局。这是我正在为 Office 365 中的 SharePoint 开发的解决方案 (WSP) 的一部分。

问题 问题是当一个库被添加到一个具有响应式布局的页面时,拖放上传器区域被错误地放置。它不遵循 Office UI Fabrics 或 Bootstrap 应用的规则。

  • 问:那么如何将拖放上传器区域应用到正确的区域,即。在 SharePoint 的响应式页面布局内的文档库顶部?

部分解决问题的解决方案

  • StackExchange SharePoint 网站上有一篇文章,但它只能部分解决问题。简短描述它建议在 DOM 中的 #s4-workspace 元素下方应用 html-div 元素(下面的片段)。这里也有描述。 如果页面上只有一个库需要修复,此修复程序会产生奇迹

  • 添加 CSS 属性。我注意到很有可能left从 DOM 中的 .ms-dnd-dropbox 元素继承属性。这会将保管箱区域相对于保管箱区域正确水平对齐。然而,同样需要修复的 top 属性不能通过相同的技术应用。为什么?没有把握。

以正确的水平对齐放置 Dropbox 区域:

将保管箱区域放置在正确的水平对齐中,并具有一些外观不错的功能

或者

  • 在 JavaScript 的帮助下,可以操作保管箱区域。代码如下。然而,这很好用,除了 sharepoint dragdrop.js 实际上比这个脚本执行得更快。即使两个脚本都使用 eventhandler dragenter。结果是,如果用户快速将文档拖到窗口中的 Dropbox 区域,首先会被错误地放置,然后,当文档window随着 Dropbox 区域移动时,会非常正确地放置。这里唯一的问题是,由于 sharepoint 脚本在我看到的dragenter事件之前执行,所以保管箱区域放置得不好。我的想法可能有一些错误,但如果是这种情况,请解释为什么会发生这种情况。

这种方式也仅在响应式布局处于“多列视图”时才有效,一旦对于较小的设备,列彼此下方下降,放置在最右边列中的所有库将被放置在正确位置下方约 1000 像素处。然而,这可能是可以接受的,因为很难想象为什么要将拖放功能应用于小型设备。

0 投票
1 回答
454 浏览

javascript - 棱角分明的办公布艺 ui 表,获取选定项目

我正在开发一个使用 ngOfficeUiFabric 作为其组件的 Angular 应用程序。

我想要做的是从现有的表格组件中获取选定的项目。

http://ngofficeuifabric.com/demos/uifTable/

在文档中说这可用于该table.selectedItems属性。问题是我需要在表的层次结构之外使用它。有没有办法让我将该表属性绑定到我的控制器中的变量?

我对 angular 和 office ui 面料都很陌生,所以如果我遗漏了一些明显的东西,请原谅!

问候

0 投票
1 回答
383 浏览

office-ui-fabric - Microsoft Fabric UI 中按钮描述的用途是什么?

Microsoft Fabric 按钮中有按钮描述范围。它有什么用?当真正使用该跨度时,我期待它会显示工具提示,但它没有显示。

0 投票
1 回答
1352 浏览

office365-apps - 如何在不影响悬停效果的情况下更改 MS Fabric 控件/按钮的颜色

我正在使用 Microsoft Fabric UI 构建我的 Office WebApp: http ://dev.office.com/fabric/components/button

我想改变一个按钮的颜色,但是如果我使用一些 CSS 改变它的颜色,悬停效果就会丢失。更改 Microsoft Fabric 控件颜色的正确方法是什么?

0 投票
2 回答
2861 浏览

css - 如何减小 Office ui 结构中复选框和单选按钮的大小

我正在为 Microsoft Office Online 开发一个 Web 应用插件。我正在使用http://dev.office.com/fabric/components/choicefield单选框和复选框按钮,如链接所示。

如何减少这些控件的大小基本上是单选和复选框。这些控件的大小比我预期的要大。

0 投票
1 回答
764 浏览

c# - 如何使用 C# 以 win 形式创建 Office UI

我google了很久。我不知道如何在 C# Win Form 中创建 OfficeUI。少文章教这个。

我找到了这个视频。但它只是 OfficeUI 的介绍。其实,我真的很想开发一个这样的Win Form。

https://www.youtube.com/watch?v=dCTmWjN3WkA

任何想法?

非常感谢。

0 投票
2 回答
1376 浏览

javascript - 最大化 Office Fabric UI 对话框

我没有找到任何有关调整Office Fabric Ui Dialog大小的文档。我需要在“关闭”附近有一个按钮,以便可以最大化对话框并将其大小调整到原始位置。任何人都可以为此建议一种方法吗?

0 投票
1 回答
153 浏览

outlook - 如何使用 Office UI Fabric 获取 Outlook Office 插件来获取 OWA 中的用户当前主题

我正在使用 Office UI Fabric Core 中的主要主题颜色,但无论我在 Outlook Web Access 中更改为哪个主题,我的加载项颜色都不会改变。它一直使用默认的蓝色。

我尝试过清除浏览器历史记录/缓存、不同的用户、不同的浏览器、不同的机器。

在 OWA 中显示 Outlook 加载项时,加载项显示在其自己的沙盒 iframe 中(如果这有助于了解动态主题机制如何工作的人)。

0 投票
1 回答
851 浏览

office-ui-fabric - 在 Office UI Fabric JS 中的 jquery/css 中关闭面板

单击按钮时如何关闭 Office UI Fabric JS 中的面板?

在 Bootrap 中,我可以通过 CSS 添加选项

同样在引导程序中,我可以在 jquery 中选择隐藏模式

Office UI Fabric 隐藏已打开面板的 jquery 等效项是什么?