Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I'm not sure, but this all look like unnecessarily overcomplicated. To change icons/styles based on the message severity, just make use of the CSS powers. You can specify different CSS classes based on message severity using <code>infoClass</code> and <code>errorClass</code> attributes of the <code>&lt;h:messages&gt;</code> and you can specify the icons as CSS background image.</p> <p>JSF:</p> <pre><code>&lt;h:messages id="messages" layout="table" infoClass="info" errorClass="error" /&gt; </code></pre> <p>CSS:</p> <pre><code>#messages .info td { background: url('info.gif') no-repeat left center; padding-left: 15px; } #messages .error td { background: url('error.gif') no-repeat left center; padding-left: 15px; } </code></pre> <p>The <code>&lt;h:messages layout="table"&gt;</code> itself already renders a HTML <code>&lt;table&gt;</code>. I think the whole table around it is unnecessary as well. Just apply styles accordingly the usual CSS way.</p> <pre><code>#messages { width: 375px; margin: 0 auto; border: 1px black solid; border-collapse: collapse; } </code></pre> <h3>See also:</h3> <ul> <li><a href="http://www.w3schools.com/css/" rel="noreferrer">W3schools CSS tutorial/reference</a></li> <li><a href="http://www.csstutorial.net/" rel="noreferrer">CSStutorial.net CSS tutorial</a></li> </ul> <hr> <p><strong>Update</strong>: as per the comments, you're looking for something like this:</p> <pre><code>&lt;h:messages layout="table" styleClass="messages info" infoClass="info" errorClass="error" /&gt; &lt;h:messages layout="table" styleClass="messages error" infoClass="info" errorClass="error" /&gt; </code></pre> <p>with CSS:</p> <pre><code>.messages { width: 375px; margin: 0 auto; border-collapse: collapse; border: 1px black solid; } .messages.info { background: url('info.gif') no-repeat left center; } .messages.error { background: url('error.gif') no-repeat left center; } .messages.info tr.error, .messages.error tr.info { display: none; } .messages td { padding-left: 15px; } </code></pre> <p>This shows two separate message tables, one for <code>info</code> and other for <code>error</code> messages, each with a single icon on the left center.</p>
    singulars
    1. This table or related slice is empty.
    1. POShowing the JSF Error Messages
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USBalusC
    1. USBalusC
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POShowing the JSF Error Messages
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThanks BalusC. But Every FacesMessage is added in a single Row inside a new <tr> and so the icons are shown as many messages are there. Is it even possible to control the table that JSF renders in css ? - like to put a single TD inside the table (for the image) and provide a corresponding colspan based on the number of messages? Are there any alternate thoughts?
      singulars
      1. PO
      1. USgekrish
    2. COAh yes, I now understand the functional requirement. That's doable with just CSS as well. I'll edit the CSS accordingly.
      singulars
      1. PO
      1. USBalusC
    3. COThanks BalusC. I will try that sometime later. I did a trick, I added the above code in the Original question in the getter of ShowErrorIcon and returned 1 or 2 based on the messages in the Context. This worked like a Charm. I had to find a spot the code wherein will definitely execute before the screen is rendered.I'll update if I face any problems. Btw , Do you see any problem here? doing this way?
      singulars
      1. PO
      1. USgekrish
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload