Primefaces菜单栏子菜单位置

Question

我有一个带有子菜单的菜单面，我的应用程序有两种语言，其中一种是RTL。 当我将界面切换到RTL时，菜单栏子菜单仍然显示在它的父母的右侧。

          <p:menubar>
                <p:submenu label="#{msg.CreditCardsMenu}" icon="ui-icon-note" 
                    rendered="#{userAuthneticator.isAllowedMenu('CC')}">
                    <p:submenu label="#{msg.OutBoundCrossSellMenu}"
                          icon="ui-icon-circle-arrow-e"
                        rendered="#{userAuthneticator.isAllowedMenu('outCC') and request.isUserInRole('OutCC')}">
                        <p:menuitem value="#{msg.Centeral1Menu}" 
                            icon="ui-icon-minusthick"
                            action="#{followup.prepareView(4, 'Out CC','Central1')}"
                            rendered="#{userAuthneticator.user.centeral1}" ajax="false" />
                        <p:menuitem value="#{msg.Centeral2Menu}"
                            icon="ui-icon-minusthick"
                            action="#{followup.prepareView(4, 'Out CC','Central2')}"
                            rendered="#{userAuthneticator.user.centeral2}" ajax="false" />
                        <p:menuitem value="#{msg.WesternMenu}" icon="ui-icon-minusthick"
                            action="#{followup.prepareView(4, 'Out CC','Western')}"
                            rendered="#{userAuthneticator.user.western}" ajax="false" />
                        <p:menuitem value="#{msg.EasternMenu}" icon="ui-icon-minusthick"
                            action="#{followup.prepareView(4, 'Out CC','Eastern')}"
                            rendered="#{userAuthneticator.user.eastern}" ajax="false" />
                    </p:submenu>

                </p:submenu>

            </p:menubar>

如何更改子菜单的位置而不是右边。

感谢。