Setting a cell background in a client template

[AP]

I have a grid which needs to have some conditional formatting on certain cells.  I have achieved this via the model, and a client template, which does work.

The style is passed as a field to the client template.

actl3.Bound(o => o.QualifiedNight_Actual).Title("Registered Nurse/Nursing Associate").HeaderHtmlAttributes(new { style = "text-align: center; justify-content: center;overflow: visible !important;white-space: normal !important;" }).ClientTemplate("<div class=#=QualifiedNightColour#>#=QualifiedNight_ActualText#</div>");

The style is

.stWarning {
    background-color: red;
    width: 100%;
    
}

However, there is still padding around the div which remains a different colour. How can I make the entire cell have the desired background colour? I did try applying negative margins to the style, but this only seemed to work for the left side of the cell.

As just using the client template works well apart from this, I'm really not keen on having to add more JavaScript code for this (as there are nine fields in the grid that need this applying).

Thanks

[Eyup]

Hello,

 

Thank you for getting back to us.

You were close - you can achieve this requirement using only CSS with this trick:
https://dojo.telerik.com/ULanIFIb/21

But don't tell anyone :)

 

Regards,
Eyup
Progress Telerik

[AP]

Eyup,  Thanks - I've got this working now.