Xpages NamePicker 对话框对齐和宽度

Question

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

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

Answer 1

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

Answer 2

我并没有完全按照 Withers 的建议去做，但它确实引导我根据其他地方的评论找到了解决方案。我添加了一个 class dojo 属性并为其分配了一个新的 css class。唯一的问题是它会将对话框中的所有内容都移到左侧......但现在没问题。

<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;
}

Xpages NamePicker 对话框对齐和宽度

Xpages NamePicker dialog alignment and width

alignment

picker

xpages