Lost CSS When Refresh Page

[ducanhkatori00]

Hello guys,
I add css class but when I refresh page it lost.
Please help me. Thanks in advanced.

This is image before refresh page

This is image after refresh page

This is the code

[minhhungit]

of course
you should handle the feature by adding condition in getItemCssClass

check this sample check this sample https://serenity.is/demo/BasicSamples/ConditionalFormatting

Code here
https://github.com/serenity-is/Serene/blob/master/Serene/Serene.Core/Modules/BasicSamples/Grids/ConditionalFormatting/ConditionalFormattingGrid.ts#L40

[ducanhkatori00]

Thanks. But I only add class for Status field = Approve or Decline. Help me!

[minhhungit]

Then your code should be something like this ( put this into your grid.ts ):

protected getItemCssClass(item: Northwind.ProductRow, index: number): string {
      let klass: string = "";

      if (item.Status== "Approve" || item.Status == "Decline" )
          klass += " approve-or-decline";
      
      return Q.trimToNull(klass);
  }

And declare css class approve-or-decline into site.less or the cshtml page.

The above code will add class approve-or-decline when you load grid data. So after calling "HrAdsendService.ApproveMessage" to update status and refresh page you won't lost the css

[VictorTomaili]

@ducanhkatori00 Please don't use letters as all capital in title. And check this about why shouldn't you use all caps.

[ducanhkatori00]

oke bro, i'm sorry