In ig:gridView, I can see on resize, the column header and cell border line is not align.
why it is happening? is it any width problem that I have to mention ?
Hello Gantait, Thank you for your patience. We are unable to reproduce this issue in 9.1 build. However, we have opened a support-case for this issue.
Sincerely,
Swetha
Thnx Jim for reply.
Hi I have solved this problem. I think this is bug of net advantage.If you see the theme igf_grid.css , there can see the padding defference is there of column class and column header class. This is causing the problem. If you give same padding value then this problem will be solved.
Another point i have noticed, can see padding style is applied twice [version netadvantage 2009 vol1] , why is it so?
Please check for this if this is correct or not. If so then you may change this on later on release.
with regards,
gantait
Sorry Gantait! I have passed this to Developer Support for review. They'll contact you when they have an answer.
Best,Jim
Any help...!!!
Here is the sample of my grid code
<ig:gridView id="GR_EMB_7125" binding="#{winemb9.GR_EMB_7125}" dataSource="#{winemb9.GR_EMB_7125_DataModel}" pageSize="0" sortingMode="multi" resizableColumns="true" columnHeaderStyleclass="igGridColumnHeader" style="height:204px;width: 726px;">
<ig:column id="GR_EMB_NR" sortBy="GR_EMB_NR" resizable="true" > <f:facet name="header" > <h:outputText value="#{winemb9.CLA_KONST_02}" /> </f:facet> <h:inputText id="col-GR_EMB_NR1" styleClass="rowColorStyle" value="#{DATA_ROW.GR_EMB_NR}" ondblclick='getRowId(this.id)'/> </ig:column> <ig:column id="GR_EMB_TEXT" sortBy="GR_EMB_TEXT" resizable="true"> <f:facet name="header"> <h:outputText value="#{winemb9.CLA_KONST_03}" /> </f:facet> <h:inputText id="col-GR_EMB_TEXT2" styleClass="rowColorStyle" value="#{DATA_ROW.GR_EMB_TEXT}" ondblclick='getRowId(this.id)'/> </ig:column>
and the theme i am using
<context-param> <param-name>com.infragistics.faces.THEME</param-name> <param-value>Claymation</param-value></context-param>
and css
.igGridColumnHeader{ background-color: #5593C6 !important; color: #FFFFFF; border-top: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; height: 14px; font-family: "arial"; font-size: 8pt;}
.rowColorStyle{ background-color:transparent; border:none; height: 16px; font-size: 8pt; font-family: Arial;}