JSF + Trinindad using component using required attribute

Question

I'm using trinidad library, when the required attribute is set on tr:inputText component from the backing bean, the component shifts to the right.This causes the component to be out of alignment with other components enclosed within a panel box container.

Anyone know how to solve this issue?

Thanks, John.

Maybe you can show your JSF page. Without a [SSCCE](http://www.sscce.org) the problem is hard to see ;-) — siebz0r, Aug 24 '12 at 22:11
Can you add some xhtml of jpsx and maybe an image of the resulting page? — Jasper de Vries, Aug 25 '12 at 15:52
The Result is that their are 2 inputText components one with an Asterisk (visual indication of required user input) and one with out. The one with the asterisk is shifted few pixels for the left. — john Smith, Aug 25 '12 at 16:14

score 1 · Accepted Answer · answered Aug 26 '12 at 09:24

I would solve it using CSS. If I am correct the <tr:inputText/> is rendered as a table with your styleClass set to inputStyle. Then the required indicator will be present in the first cell of the first row (even is the input is not required). So you can try something like:

.inputStyle tr:first-child td:first-child {
  width: 20px;
}

JSF + Trinindad using component using required attribute

1 Answers1