How align commandbutton?

[3vi]

Hi and sorry for my english...i've a datatable with a command button on footer, and i don't be able to align the command button...

i've tried with style="align: right" or style="position= right", but the button is ever align in the center of datatable.

Anyone can help me?

Thanks

[kwintesencja]

you have some options, the ones i remember now:

surround the button with a div:

Code: Select all

    <div align="right">
          <button/>
      </div>

use table:

Code: Select all

   <table>
       <tr>
           <td align="right"> //almost sure you can use td directly
                 <button>
             </td>
        </tr>  
  </table>

use float property:

Code: Select all

    <p:commandButton style="float="right"/>'

i hope it helps

[3vi]

Great!

Each options you have said, work!

Thanks

[porthos]

Just fixing a typo in kwintesencja's answer:

Code: Select all

<p:commandButton style="float:right;"/>

I would definitely recommend using this option, rather than sticking HTML tables and divs directly into facelet code, as it often leads to unpredictable rendering errors when updating with ajax and the like.

If you feel the need for surrounding elements, use p:outputPanel, or h:panelGrid, or any other suitable JSF component instead.

[adolfainsley8]

HTML tables and divs directly into facelet code, as it often leads to unpredictable rendering errors when updating with ajax and the like.