2016-07-07 6 views
1

は私dropdownbuttonです:xPageブートストラップ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> 
+2

私はボタンコントロールのXPagesレンダリングクラスが ''タグに置かれたものを無視したり上書きしていると思われます。あなたは、ボタンにプレーンhtmlマークアップを使用し、 '$(" buttonselector ")をトリガーするonclickイベントをアタッチするなど、別のアプローチを考えてみてください。 = "表示:なし">。非表示のボタンには、サーバーサイドイベント(SSJSコード)が含まれます。 – jpishko

答えて

0

あなたは、あなたのボタンで、即ちなeventHandlerをコードを追加したら、あなたはそこにアイコンを追加することができます。ここには、フォント驚くばかりのアイコンが含まれているボタンがありますが、グリフコンも同じように動作します。あなたはボタンとアクションを作成すると、ソースコードに移動して、以下のようにアイコンを追加します。

​​

UPDATEを

私はいくつかのテストをしました、そしてあなたは、アイコンの道を追加することはできませんしながら、我々はどちらもしたい、あなたはCSSを使用することができます。私は1つのドロップダウンボタンでページを使用して、CSSを追加しました:ボタン内のアイコンを追加する前に:

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

はあなたが少しうまくいけば、これは助けることができるCSSでプレイする必要があります。

+0

質問はドロップダウンボタンについてです。上記のコードを参照してください。あなたは、ボタン自体にグリフアイコンを追加するのは簡単ですが、それをドロップダウンリストに追加する方法はありますか? –

関連する問題