问题标签 [office-ui-fabric-react]

我有一个 SharePoint 页面，其中水平显示以下三个控件，如下所示：

CSS如下：

将页面缩放到 400% 时，控件不可见/被截断，如下所示：

有没有办法在缩放到 400% 时垂直显示控件而不会被截断并确保所有控件都可见？

这是我到目前为止所尝试的：

CSS：

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

styles.dropDown 具有以下样式：

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

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

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

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

我有一个 Sharepoint 应用程序。通过单击命令列表按钮，我打开了一个面板。

但是，当我尝试关闭面板时，我收到一条错误消息，指出我的 _renderPanelComponent 函数不是函数，而当我尝试从 _dismissPanel() 记录它时，我发现它是未定义的。但我可以从 _showPanel() 调用它。

通过从 _dismissPanel() 登录，我现在在单击关闭并触发 _onCancel() 后返回此处，但我不确定为什么我的 _renderPanelComponent 未定义，这就是我的问题。

这就是代码的样子

这就是我的面板的样子

我正在尝试设置 fluentui/react ContextualMenu 组件的样式。到目前为止，我已经能够通过递归修改IContextualMenuProps 项目道具来实现我想要的外观 -为每个IContextualMenuItem定义样式并为每个子菜单项重复过程。

有没有办法一次定义样式及其子组件，而不是通过向每个项目添加样式来改变项目道具？

使用 FluentUI 并尝试使 GroupedList 工作，但我被卡住并且对选择有很多问题：这是我的示例： https ://codesandbox.io/s/hopeful-chebyshev-n4enr?file=/src/GroupedList .Basic.Example.tsx

我想要实现的是：

• 我需要显示所选项目的名称；
• 在我希望能够选择任何项目的列表中（目前，只能选择最后一个）
• 我希望在添加后自动选择第一个项目；

请帮忙

这是我第一次尝试使用 office ui fabric react JS 在 SharePoint Online 中开发 Web 部件应用程序。对于一个测试（CRUD 应用程序）项目，我开发了一个在线图书库应用程序。我一直在努力从共享点列表中保存/获取日期值，但由于某种原因出现错误，如下所示：

我的 tsx 文件代码如下：

我使用以下接口作为 SharePoint 中列表的数据模型：

}

感谢有关此问题的任何建议。

如这里的示例所示，您可以通过单击 V 形展开 NavLinkGroup。我想要相同的行为，但是当我单击标题时。我知道标题可以是按钮或链接，具体取决于提供的道具，但我假设如果您不提供标题的 url，它应该默认扩展组。

那么我该如何实现呢？

我一直在寻找一种方法，主要是在专为 SPFX 和 fluent ui 的项目之间共享一些代码。我们找到了 3 种主要方法来做到这一点。

1. 创建组件库是最简单的方式，因为它使用相同的基础架构并且无需配置即可完成所有构建。

但这增加了一些问题，我们需要在本地构建并手动链接解决方案以使其工作，如果我们放入 repo，这也将工作。所以这被减轻了。第二个是隐含地这也需要流利的用户界面和反应。加上必须将其放置在 SPFX 组件库项目中。

2. 我看到了一些在 ts 中使用路径的承诺，并且在使用 ts 编译器时效果很好。它将转到您的项目所引用的文件夹并在调用时构建它。这很棒。但它在 SPFX 中不起作用。

3. 另一种方法是安装后同步文件夹，这似乎很容易，但我想知道这有多实用，以及人们是如何做的，如果他们是，如何做。

我现在想弄清楚的是一种获取组件代码并共享的方法，就好像它们在我的 src 的文件夹中或代码的简单扩展中一样。无需额外的依赖或构建步骤，只需可用作 ts/tsx 文件的代码即可。前任：

共享库：

src 项目文件夹：

如果它需要在我们使用它之前构建文件很好，但我们可以在构建时或安装包时进行吗？它也不会通过使两个模块都依赖于已经可用的东西（react，fluentui）来增加我的包大小吗？

如何在 fluent-UI DetailsList 组件中隐藏/防止列呈现。