Как добавить глификон в xpage bootstrap dropdownbutton?

Question

Вот мой dropdownbutton:

<xp_1:dropDownButton id="dropDownButton1"> 
    <xp_1:this.treeNodes> 
     <xp_1:basicContainerNode styleClass="btn-primary" label="Tools"> 
      <xp_1:this.children> 
       <xp_1:basicLeafNode label="Edit"> 
       </xp_1:basicLeafNode> 
       <xp_1:basicLeafNode label="New"> 
       </xp_1:basicLeafNode> 
       <xp_1:basicLeafNode label="Home"> 
       </xp_1:basicLeafNode> 
      </xp_1:this.children> 
     </xp_1:basicContainerNode> 
    </xp_1:this.treeNodes> 
</xp_1:dropDownButton> 

Как добавить glyphicon к главной кнопке выпадающего? Добавление пролета где-то внутри просто не работает, как кнопки для ядра:

<xp:button id="button2" styleClass="btn btn-success" value="Save" title="Save"> 
     <span class="glyphicon glyphicon-floppy-disk"></span> 
</xp:button> 

Answer 1

После добавления кода в кнопке, то есть в EventHandler, вы можете добавить значок там. Здесь есть кнопка, которая содержит значок Font Awesome, но Glyphicons работают одинаково. После создания кнопки и действия, перейдите в исходный код и добавить значок, как показано ниже:

<xp:button 
    value="Submit" 
    id="btnSave" 
    styleClass="btn btn-primary" 
> 
    <i 
     class="fa fa-check" 
     aria-hidden="true" 
    ></i> 
    &#160;<xp:eventHandler 
     event="onclick" 
     submit="true" 
     refreshMode="complete" 
    > 
     <xp:this.action> 
      <xp:actionGroup> 
       <xp:saveDocument 
        var="currentDocument" 
       ></xp:saveDocument> 
       <xp:openPage 
        name="#{sessionScope.lastPageName}" 
       ></xp:openPage> 
      </xp:actionGroup> 
     </xp:this.action> 
    </xp:eventHandler> 
</xp:button> 

UPDATE

Я сделал несколько тестов, и в то время как вы не можете добавить значок путь мы оба хотим, вы можете использовать CSS. Я использовал страницу с помощью одной кнопки ниспадающего и добавил CSS: перед тем, чтобы добавить значок внутри кнопки:

button::before { 
    font-family: "Glyphicons Halflings"; 
    content: "\e172"; 
} 

Вы, возможно, придется играть с CSS немного, но мы надеемся, что это может помочь.