Xpages布局控制-应用程序链接下拉菜单不对齐

Question

我正在构建一个使用布局控件作为框架的Xpage应用程序。

各种xsp之间的导航在应用程序链接部分，下拉菜单由容器节点组成，页面链接节点作为子节点。

一切都很好，直到我放入第二级子节点，然后列表中的Label文本与列表中的其他文本不对齐:

我已经尝试添加填充和边距作为内联样式和通过CSS。我可以控制文本的大小，无论是内联和css，但不是对齐。

有人在这里解决了吗??

提前感谢，

试图发布一个屏幕截图，不允许，但下面是我的一个基本的容器节点与子代码。

维大

    <xe:basicContainerNode label="Sosial" style="font-size:12pt">
   <xe:this.children>
   <xe:pageTreeNode label="Felles sosialavdelingen"
   page="/ContentLokalt60Sosial.xsp" styleClass="ksDropMenu" style="text-align:left">
   </xe:pageTreeNode>
<xe:pageTreeNode label="Barne- og familievern" styleClass="ksDropMenu">
<xe:this.children>
                                <xe:pageTreeNode
                                    label="Felles administrativt" styleClass="ksDropMenu">
                                </xe:pageTreeNode>
                                <xe:pageTreeNode
                                    label="Fagdel barneverninstitusjon" styleClass="ksDropMenu">
                                </xe:pageTreeNode>
                                <xe:pageTreeNode
                                    label="Fagdel Senter foreldre og barn"
                                    styleClass="ksDropMenu">
                                </xe:pageTreeNode>
                                <xe:pageTreeNode
                                    label="Fagdel fosterhjem" styleClass="ksDropMenu">
                                </xe:pageTreeNode>
                                <xe:pageTreeNode
                                    label="Fagdel Home Start" styleClass="ksDropMenu">
                                </xe:pageTreeNode>
                            </xe:this.children>
                        </xe:pageTreeNode>
                        <xe:pageTreeNode label="Barnehager"
                            page="/ContentLokalt63BhgFelles.xsp" styleClass="ksDropMenu">
                        </xe:pageTreeNode>
                        <xe:pageTreeNode label="Rusomsorg"
                            page="/ContentLokalt64RusFelles.xsp">
                        </xe:pageTreeNode>
                        <xe:pageTreeNode
                            label="Velferd og utvikling">
                        </xe:pageTreeNode>
                        <xe:pageTreeNode label="Ettersøkelse">
                        </xe:pageTreeNode>
                        <xe:pageTreeNode label="Administrasjonen">
                        </xe:pageTreeNode>
                    </xe:this.children>
                </xe:basicContainerNode>

Answer 1

我在应用程序布局控件上使用OneUI v3.0.2主题再现了这个问题。我们会以SPR#BGLN9N6HMR的方式跟踪这个问题，如果这个问题得到修复，我们会反馈。

谢谢

Answer 2

我有同样的问题，在扩展库的下拉菜单。在我的情况下，子节点文本对齐不准确地从左边开始，它总是留下一些空间，文本出现。

同样，在你的情况下，我已经使用css的方式来改变它，但对齐不能调整。

为了覆盖这个，我用

覆盖下拉css的dojo类css:

 .tundra .dijitMenuItem 
  { 
    text-indent:-7%;
  }

通过这样做，我可以根据需要在下拉菜单中从左对齐子节点内的文本。

可能太迟了，但刚刚发布，如果目前有人面临这个问题。