tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:pageMessagesのマーカーを変更する

f:id:tyoshikawa1106:20141019202553p:plain

apex:pageMessagesタグでメッセージを表示する際に複数のメッセージを表示するとマーカーが表示されます。


出力されたHTMLを確認してみるとdivタグとmessageのクラスが指定されていてその中でulタグとliタグがつかわれていることが確認できます。

f:id:tyoshikawa1106:20141019202653p:plain


なので次のようにstyleを指定することで『・』と表示されているマーカーを変更することが可能です。

<style type="text/css">
    div.message ul li {
        list-style-image: url('/img/samples/flag_green.gif');
    }
</style>

f:id:tyoshikawa1106:20141019203044p:plain


ちなみに次のように指定するとマーカー自体を非表示することも可能でした。

<style type="text/css">
    div.message ul li {
         list-style:none;
    }
</style>

f:id:tyoshikawa1106:20141019203312p:plain


ちょっと強引な方法なのであまり使わない方がいいかもですが、こういったことも一応できます。