Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Eric
110
WebDataGrid losing style (CSS) on postback
posted

I am having a problem with webdatagrid.

I am using a webdatagrid within a websplitter control. Both are used within an updatepanel.

The webdatagrid loses the styling at postback actions now and then. When its lost it usually returns again on the next postback.

I am using the 11.1 version of infragistics but the problem also occured in 10.3. It does so both in IE9 and IE8 but the problem does not seem to happen in Chrome.

This is how i expect the styling to be:

This is what happens on postbacks now and then:

 

 

Thank you for your time.  Please ask if you need more information about this problem.

Parents
  • 25
    posted

    I've had a similar issue (using WebDataGrid 12.1) and found the issue using FireBug/Developer tools.  Looks like there is a bug in the CSS for ActiveRow and SelectedCell depending if the user double / triple clicks in various cells and then changes rows.

    Using any sample:

    Specify the following StyleSheetName:

    StyleSetName="Default"

    Specifying the following behaviors:

    <Behaviors>
	<ig:ColumnFixing Enabled="true" />
	<ig:Activation Enabled="true" />
<ig:Selection RowSelectType="Single" Enabled="true" 
    CellClickAction="Row" >
	<SelectionClientEvents RowSelectionChanged="Row_Selected" />
</ig:Selection>
<ig:Sorting SortingMode="Single" Enabled="true" />
<ig:ColumnResizing Enabled="true" />
<ig:Filtering Enabled="true" Alignment="Top" AnimationEnabled="true" />
</Behaviors>

     

    Here is my CSS snippet:

    /* Infragistics WebDataGrid Styling */
 
TBODY.igg_Item TR TD
{
	color: #996633; /* Dark Brown */
	background-color: White;
	border-top:solid 1px #465c71; /*  dark blue-green-grey */
	font-weight: bold;
}
 
TBODY TR.igg_Alt TD
{
	color: #996633; /* Dark Brown */
	background-color: #E2E3ED; /* LightGray */
}
 
.igg_ActiveCell
{
	/* Do not put color here due to Infragistics WebDataGrid CSS bug upon selection*/
}
 
igg_ActiveRow
{
	/* Do not put color here due to Infragistics WebDataGrid CSS bug upon selection*/
}
 
TR.igg_ActiveRow TD
{
	/* Do not put color here due to Infragistics WebDataGrid CSS bug upon selection*/
}
 
TBODY TR.igg_ActiveRow TD
{
	/* Do not put color here due to Infragistics WebDataGrid CSS bug upon selection*/
}
 
TBODY TR TD.igg_ActiveRow
{
	/* Do not put color here due to Infragistics WebDataGrid CSS bug upon selection*/
}
 
tbody tr td.igg_SelectedCell
{
	color: White;
	background-color: #996633; /* Dark Brown */
}
 
 
/* End Infragistics WebDataGrid Styling */

    Pay close attention to the class, as one row is "highlighted", i.e. the selected row, but the previous row where I double clicked etc.. is the "Active Row".

  • 25
    Suggested Answer
    posted in reply to Peter

Reply Children
No Data