Hi,
We are planning to upgrade from ultrawebgrid to Webdatagrid. For ultrawebgrid, we created some custom CSS styles like this:
td table th /* styling for grid header row */{ padding: .1em .1em .1em .4em; vertical-align: top; text-align: center; border: 1px solid white; background-color: #e2dbc8; /*#f0ece3;*/ }
td table td /* styling for grid data rows */{ padding: .1em .1em .1em .4em; vertical-align: top; font-size: .85em; text-align: left; border: 1px solid white; background-color: #f0ece3; }
tr.altrow td, .altrow{ background-color: #e2dbc8; }
<RowAlternateStyleDefault CssClass="altrow" />
With new web datagrid, forums say to set property 'AltItemCSSClass'. So, I set to altrow in properties dialog box. At design time, grid showed altered row colors. When I run the app, it is not picking up that CSS and defaults to grid CSS.
I know I can go to ig_Datagrid.css and set it like this. tbody>tr.igg_Alt>td
tbody>tr.igg_Alt>td
{
background-color: #e2dbc8;}
If this is the case, why 'AltItemCSSClass' property has been provided.
Thanks,
Prathiba
Hello Prathiba,
In order to be applied the style should use selectors.
Full guide on how you can style the new grid you can see here - http://forums.infragistics.com/blogs/engineering/archive/2010/08/25/webdatagrid-css-styling-guide.aspx
Follow this guide and let me know if you need additional assistance.
Thanks Alex for the response and link. When we move from ultrawebgrid to WebDatagrid, it is actually not an upgrade. It is like rewritting the most of the code. Have to change code in all javascript functions where ever grid is accessed, rows, cells, templated column controls, server side events and styles and lot of testing with these new changes.
Prathiba.
Yes, the new grid is based on different Ajax enabled framework – Aikido Framework – and differences with the classic grid are really big.
But these differences will lead to many visual and performance improvements that were hardly possible by the old model.
New grid generates much less code, have native Ajax support, extended Client-Side functionality, better performance, CSS styling and is supported under most of the modern browsers.
That is why at the end migration will bring more positives than negatives.
For any difficulties with migration you can also always post to forums and contact us directly via our support page - http://www.infragistics.com/support