I have a multi column form that I need to display and I used the JSF panelGrid component like this. each panelgrid is within a primefaces p
anel element\[code\]<hanelGrid columns="6" cellpadding="1" cellspacing="1" style="width: 100%" columnClasses="column1">\[/code\]my column1 in CSS is:\[code\].column1 {width: 14%;\[/code\]}It renders on screen like image below. Notice the columns within the panels are not aligned and it looks haphazard. How can I align the form elements/labels in a uniform manner and also get rid of the spaces and padding to make the form layout more compact.
Thanks in Advance BaluSC if you answer! You really are the king of JSF
anel element\[code\]<hanelGrid columns="6" cellpadding="1" cellspacing="1" style="width: 100%" columnClasses="column1">\[/code\]my column1 in CSS is:\[code\].column1 {width: 14%;\[/code\]}It renders on screen like image below. Notice the columns within the panels are not aligned and it looks haphazard. How can I align the form elements/labels in a uniform manner and also get rid of the spaces and padding to make the form layout more compact.