How to align items in a to the right

by

The <h:panelGrid> renders a HTML table. You basically want to apply text-align: right; on every <td> element it renders. With the current code, easiest would be to apply the following:

#authenticate table td {
    text-align: right;
}

You can of course also be more specific, e.g. giving the <h:panelGrid> its own styleClass and defining a rule in CSS (which would be applied directly on the rendered HTML <table> element).

<h:panelGrid styleClass="className">

with

.className td {
    text-align: right;
}

You can also give each <td> element its own class by columnClasses attribute which accepts a commaseparated string of CSS classnames which are to be applied repeatedly on the <td> elements. If you want to apply the same class on every <td> element, just specify it once:

<h:panelGrid columnClasses="className">

with

.className {
    text-align: right;
}

As an extra hint: rightclick the webpage in webbrowser and choose View Source, then you’ll understand better what JSF is all exactly generating.

More Related Contents:

  1. How do I override default PrimeFaces CSS with custom styles?
  2. How to use JSF generated HTML element ID with colon “:” in CSS selectors?
  3. How to reference JSF image resource as CSS background image url
  4. Handling a colon in an element ID in a CSS selector [duplicate]
  5. How to use Font Awesome from webjars.org with JSF
  6. How to use 3rd party CSS libraries such as Font Awesome with JSF? Browser can’t find font files referenced in the CSS file
  7. Changing JSF prefix to suffix mapping forces me to reapply the mapping on CSS background images
  8. How to override stylesheets of PrimeFaces? [duplicate]
  9. Adding a styled CSS button
  10. How can I make Bootstrap columns all the same height?
  11. What’s the difference between align-content and align-items?
  12. Any recommendations for a CSS minifier? [closed]
  13. Is the viewport meta tag really necessary?
  14. How to change flexbox wrap?
  15. What is the difference between px, em and ex?
  16. Styling Google Maps InfoWindow
  17. Ordering of vendor-specific CSS declarations
  18. What are the default top, left, botton or right values when position:absolute is used?
  19. How to force Chrome browser to reload .css file while debugging in Visual Studio?
  20. How to import fonts in CSS?
  21. How can I horizontally align my divs?
  22. CSS: Using raw svg in the URL parameter of a background-image in IE
  23. repeat css background image a set number of times
  24. Font size relative to the user’s screen resolution?
  25. Some font-size’s rendered larger on Safari (iPhone)
  26. HTML / CSS Popup div on text click [closed]
  27. input height differences in Firefox and Chrome
  28. Hide scrollable content behind transparent fixed position divs when scrolling the page?
  29. Vertically align Bootstrap badge inside heading
  30. Media Queries – Mobile vs Desktop Browser

Leave a Comment