2013年3月27日水曜日

GWT-Bootstrap: アイコンを利用する

GWT-Bootstrapには、本家と同様にいくつかのアイコンが用意されています。この使い方は、以下の通り。
<i class="icon-asterisk"></i>
<div class="icon-asterisk"></div>
上記のように、UiBinderでiタグやdivタグにアイコンのclass指定をすることで、アイコンが埋め込まれます。spanタグでもいいでしょう。

ただ、アイコンを静的に埋め込んでおくのは芸がなく、やはり動的に埋め込みたいものです。その際は、空の要素のdivタグ等を用意して、それをJava側から制御すればOK。その記述方法は下記の通り。
@UiField
DivElement dd;

dd.setClassName("icon-angle-right");


1 件のコメント:

  1. gwt-bootstrapの開発者です。
    ブログで紹介して頂きありがとうございます!
    IconはIconクラスか各Widgetのicon属性を使っても設定できますよー

    返信削除