Win a copy of Escape Velocity: Better Metrics for Agile Teams this week in the Agile and Other Processes forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Liutauras Vilda
  • Tim Cooke
  • Paul Clapham
  • Jeanne Boyarsky
Sheriffs:
  • Ron McLeod
  • Frank Carver
  • Junilu Lacar
Saloon Keepers:
  • Stephan van Hulst
  • Tim Moores
  • Tim Holloway
  • Al Hobbs
  • Carey Brown
Bartenders:
  • Piet Souris
  • Frits Walraven
  • fred rosenberger

Message after SelectOneRadio moved to next line

 
Ranch Hand
Posts: 46
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
We are experiencing the problem that a <h:message/> placed after a <h:selectOneRadio/> will always be placed on the next line, rather than one the same line (as with all the other components). In our design, all error messages are placed directly to the right of the corresponding field. The fact that radio buttons behave differently is somewhat confusing for our users. Consider the following example:


The selectOneRadio automatically creates a table, and in HTML anything that is placed after a table is automatically moved to a new line. I tried changing the style class "error" for the message by toying with the CSS options float and clear, but to no avail.

Does anyone have any idea how I can change this behaviour? Preferably, I am looking for a solution in CSS, where I can change the CSS properties of either the table (created by the selectOneRadio) or the message.
 
Ranch Hand
Posts: 327
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I've not tried it, but could this work?
 
Bill Zelan
Ranch Hand
Posts: 46
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Jason Irwin wrote:I've not tried it, but could this work?



Actually, that's the way the code works now. I have updated my code sample to reflect this.

The panelGrid translates into a table and within the TD of that table, the message is always below (and not aside) the selectOneRadio.
 
Bill Zelan
Ranch Hand
Posts: 46
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
We ultimately solved this by adding the CSS style "float: left;" to the selectOneRadio.
 
I RELEASE YOU! (for now .... ) Feel free to peruse this tiny ad:
the value of filler advertising in 2021
https://coderanch.com/t/730886/filler-advertising
reply
    Bookmark Topic Watch Topic
  • New Topic