Xpages NamePicker 对话框对齐和宽度答案

【问题标题】：Xpages NamePicker dialog alignment and widthXpages NamePicker 对话框对齐和宽度
【发布时间】：2020-03-01 00:00:06
【问题描述】：

<xe:namePicker id="npUserNames" for="hdnUserNames">
<xe:this.dataProvider>
<xe:dominoViewNamePicker viewName="Techs"></xe:dominoViewNamePicker>
</xe:this.dataProvider>
</xe:namePicker>

对话框左侧框中的名称居中对齐。与右侧（选定值）框相同。我已经尝试过 text-align: left css in every possible around element ...表格单元格，它所在的表格，周围的div标签，面板，布局，整个xpage。并且名称选择器对话框的内容仍然居中。我该如何解决？如何指定对话框的宽度？此外，在 IE11 中，“X”按钮不起作用。当你点击它时没有任何反应。

【问题讨论】：

听起来您有一些自定义 CSS 会干扰名称选择器对话框。

标签： alignment xpages picker

【解决方案1】：

我建议查询使用浏览器的开发人员工具生成的 HTML，以查看是否为相关的 HTML 标记定义了可以覆盖的类。如果是这样，您可以使用它。如果没有，您可能需要创建自己的渲染器或名称选择器的扩展来生成不同的 HTML。这会更复杂，但任何框架的权衡都是有限的可配置性，代价是更快的开发。

【讨论】：

【解决方案2】：

我并没有完全按照威瑟斯的建议去做，但它确实引导我找到了一个基于其他地方的评论的解决方案。我添加了一个类 dojo 属性并为其分配了一个新的 css 类。唯一的问题是它将对话框中的所有内容都向左移动......但现在还可以。

<xe:this.dojoAttributes>
<xp:dojoAttribute name="class" value="namePickerClass">
</xp:dojoAttribute>
</xe:this.dojoAttributes>

CSS：

.namePickerClass {    margin: 0 auto;     width: 50%;     text-align:left;    border: 1px solid blue;     scrolling: none;
}

【讨论】：