Wednesday, March 30, 2011

Hunting the elusive panellabelandmessage padding

I have a panelformlayout and with panellabelandmessages and various other stuff in it.

My alignment of fields is screwed because my plam items are left padded by 9px. Why I dont know.

So I decided to pad all the other items by 9px to keep it all looking good. (the plam items seem like they are hard codex to 9px or something).

So I add a style class to the other items called leftPad but the style doesnt work. So I added a background color to my style to check if I got my items correct and like magic the padding and the color work. So I just changed the background back to the original color and everything works - like magic.

Styled item
<af:inputtext columns="#{bindings.Attr1.hints.displayWidth}"
   id="it25" label="#{bindings.Attr1.hints.label}"
   maximumlength="#{bindings.Attr1.hints.precision}" required="true"
   shortdesc="#{bindings.Attr1.hints.tooltip}" styleclass="leftPad"
   value="#{bindings.Attr1.inputValue}">
  <f:validator binding="#{bindings.Attr1.validator}">
</f:validator></af:inputtext>

Style Sheet
.leftPad .AFPanelFormLayoutContentCell {
  padding-left: 9px;
  background-color: #F5F5F9;
}

No comments:

Post a Comment