Insert arrow into an input submit for when jsf rendering appears on the button

0

I've done a whole layout in HTML5 and I have a "next" button where I have an arrow in it, however the developers are doing it in JSF and rendering < in> commandButton becomes a input type submit and the arrow no longer appears. Does anyone have any idea how I can make the arrow appear in the input submit ?

Where button is implemented:

<div class="col-md-4 col-md-offset-4 col-sm-5 col-sm-offset-2">
  <div class="bigButton blueButton buttons">
    <button class="fullFormWidth" onclick="location.href='proxima.html'">
      <div class="rightWhiteCarret"></div>
      Próximo
    </button>
  </div>
</div>

In this% of the% of the arrow, I did it by modeling borders without inserting an image.

<div class="rightWhiteCarret"></div>
    
asked by anonymous 22.04.2016 / 18:59

1 answer

1

Ask them to insert their div inside the commandButton tag, it will look something like this:

<h:commandButton styleClass="fullFormWidth" onclick="location.href='proxima.html'">
    <div class="rightWhiteCarret"></div>
    Próximo
</h:commandButton>
    
22.04.2016 / 20:45