We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

about CSS isolation

Hi,


Thank you for your assistance always.

Is it possible to implement the "CSS isolation" described in the link below in an ASP.NET Core (.net6) project using Syncfusion.

I am using Syncfusion.EJ2.AspNet.Core version 20.2.0.43.


https://learn.microsoft.com/en-us/aspnet/core/razor-pages/?view=aspnetcore-6.0&tabs=visual-studio


The application I am developing uses e-grid, but the scope identifier listed in the above link is not added to e-grid.

Therefore, the style is not applied.



If you can support "CSS isolation", please let me know how to do so.

If not, I will try to avoid using "CSS isolation".



Regards,

Pylori.


3 Replies 1 reply marked as answer

RS Rajapandiyan Settu Syncfusion Team November 3, 2022 08:48 AM

Hi Pylori,


Thanks for contacting Syncfusion support.


Based on your query, you want to customize the Grid’s CSS using CSS Isolation. We suggest you to use the ::deep selector as like provided in the below code snippet to achieve your requirement.



::deep .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {

    color: red;

}

 


Documentation: https://docs.microsoft.com/en-us/aspnet/core/blazor/components/css-isolation?view=aspnetcore-5.0#child-component-support


sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/core_net6_grid_css_isolation-756138299.zip

Please refer to the above documentation for more details on CSS Isolation and get back to us for further details.


Regards,

Rajapandiyan S


Marked as answer

PY Pylori November 4, 2022 02:25 AM

Hi,


Thank you very much for your answer.

Thanks to you, we were able to solve the said problem.


Regards,

Pylori.



RS Rajapandiyan Settu Syncfusion Team November 6, 2022 11:12 PM

Hi Pylori,


We are happy to hear that you have achieved your requirement with the solution provided.


Please get back to us if you need further assistance.


Regards,

Rajapandiyan S


Loader.
Live Chat Icon For mobile
Up arrow icon