Question

How do I convert the following from a link to a button?

<h:outputLink value="#{request.contextPath}/j_spring_security_logout">Logout</h:outputLink>

If I try and add a navigation rule it can’t find j_spring_security_logout…

Answer 1

Either use CSS to style the link to look like a button.

<h:outputLink styleClass="button">

with something like

a.button {
    display: inline-block;
    background: lightgray;
    border: 2px outset lightgray;
    cursor: default;
}
a.button:active {
    border-style: inset;
}

or bring in a plain vanilla HTML form:

<form action="#{request.contextPath}/j_spring_security_logout">
    <input type="submit" value="Logout">
</form>