Adding CSS classes to body tag, entities and fields

[manonatelier]

Does anyone know how to add CSS classes to body tag, entities and fields?

They really should add this function to all the Entities forms.

[support]

Not clear what do you mean.

[manonatelier]

Right now, all of the html is very generic with no differentiation between entities, fields, etc.

I would like to add a CSS class to different entities.

For instance, if I create an entity called CRM, I would like to add a CSS class to the .page-content class for that entity called "entity-crm" so that I can customize that entity rather than style all the entities with the same style.

I would also like to apply this to fields so that I can target my custom CSS to one field rather than all the fields.

[manonatelier]

Alright, it's slow going but I was able to target the Item Page Configuration's JS CODE with the following code:

const element = document.querySelector('div.page-content');
element.classList.add('entity-project');
console.log(element.className);

And it works.

I'm slowly going over how to target specific fields with id. I just wish you had a way to input all this via the field and entity configuration forms, as I have a lot of fields.

Anyway, I guess this post should be under SUGGESTIONS?

[AndreaTS]

confirm, some html tags are missing of classes and ID in the code

Andrea