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

我正在Choice Group为我的单选按钮使用 Office 结构。我想将部分文本的样式更改为bold，但其余文本保持正常字体大小。我正在使用onRenderField方法，但我还没有成功实现......我真的很感谢任何输入！

单选按钮文本的最终目标：

上：这里有一些额外的解释

示例代码使用onRenderField方法：

上面的代码使bold整个text如下：

上：这里有一些额外的解释

我想做的是... - 更改用户尝试键入内容时出现的标注。我想添加一个带有搜索框的自定义组件以及用户选择类别的能力。- 更改渲染文本的外观。就像人物选择器，但带有图标和文本。- 能够在单击外部按钮时触发标注出现。当单击按钮时，也许我可以在 Picker 上触发焦点事件。只是大声思考。

我尝试实现它，但没有太多的文档。任何与之相关的示例将不胜感激。

谢谢！

对于以下这两种情况，我该怎么办：它接缝不适合多词或其他将它们的措辞分开的语言，例如中文，日文....

我在用

对于导航对象，我想添加自定义 html 属性，例如data-myTag. 如何将此属性添加到由该Nav对象添加到 DOM 的按钮中。

当“gulp serve”我的 SharePoint 扩展解决方案时，我收到此错误

类型{标签：字符串；要求：真；名称：字符串；默认值：字符串；onChanged: (text: string) => void; } 不可分配给类型 'IntrinsicAttributes & ITextFieldProps & { children?: ReactNode; }'。类型'IntrinsicAttributes & ITextFieldProps & { children?: ReactNode; 上不存在属性'onChanged' }.ts(2322)

我在用：

@microsoft/generator-sharepoint@1.10.0 gulp@4.0.2 npm@6.14.4 yo@3.1.1

SendEMailDialogContent.tsx 文件代码如下：

该错误与 TextField 有关 - onChanged={this._onChangedxxxxx}

如何将样式 overlayProps 传递到 Panel 组件中，如 https://developer.microsoft.com/en-us/fluentui#/controls/web/panel中所述

我试过了：

但似乎不起作用

我想在弹出窗口中制作一个按钮作为脚本实验室，如下所示。请注意，在 Script Lab 中，按钮的宽度足以容纳一行中的句子，即使弹出窗口不是很宽：

我几乎使用与 ScriptLab 相同的代码：

这是我的结果，其中按钮的宽度与弹出窗口的宽度成比例。结果，句子需要显示为 2 行，这不是我想要的。

有谁知道如何修改代码以获得像 Script Lab 一样的效果？

编辑1： 我做了一个沙箱：https ://codesandbox.io/s/relaxed-feather-i6jz6?file=/src/App.js

现在，问题是，如果我们在新的浏览器选项卡中Open In New Window打开https://i6jz6.csb.app/几次，我们可能会看到按钮中文本的字体略有调整。有谁知道如何避免这种情况？

单击按钮时，我有一个上下文菜单。最初检查的项目有 3 个。单击每个项目时，我正在切换检查。上下文菜单打开时，选中/取消选中不会反映。这曾经可以更早地工作，但使用最新的反应版本，它看起来已经被破坏了。

片段在这里

我正在尝试覆盖面板图层样式并将索引减少到 999998，以便在打开面板时使我的 div 位于灰色图层上方和面板下方。所以我试图覆盖 overlayProps ，但正如我所见，覆盖层上方有一个 Layer 组件，它具有 z-index:1000000 并继承了样式。如何以正确的方式覆盖图层类来实现我的案例？请检查我的 codepen 示例http://codepen.io/mariosch/pen/dyGYEQG

我正在尝试创建一个带有可排序列的 DetailsList（类似于此处文档中的示例：https ://uifabric.azurewebsites.net/#/controls/web/detailslist ），但我想使用 Class 组件而不是功能组件和钩子。

问题是在执行 onColumnClick 函数时，“items”数组仍然是空的。

这基本上是我的组件的设置：

问题是在handleColumnClick返回items一个空数组。当您想按特定列对项目进行排序时，这显然是一个问题。