h:commandButton with twitter bootstrap or other icon

jsf, twitter-bootstrap

Solution

You can add `<i class="icon-search"></i>` inside `h:commandLink`

Command link could be styled as button

<h:commandLink id="btnsearch"
    action="search.xhtml"
    styleClass="btn btn-default">
    <i class="icon-search"></i> Search
</h:commandLink>

Problem

I am using twitter bootstrap css to style. To make icon buttons in it, the standard way is to use "i" tags. `<button type="submit"><i class="icon-search"></i></button>`. But I cant enter it within `<h:commandButton id="myid"><i class="icon-search"></i></h:commandButton>` How can I add HTML within the rendered `<h:commandButton>` ?

Original source

Related problems