Detail Styles Css

Hello Community! Is posible apply css style to a specifict column un a detail? Example change the border to red in the field cell.

 

Like 0

Like

3 comments

Hello Federico,

1. You need to create a new module. 

In my example, I named it as UsrAccountContactsDetailV2Css. Then you need to navigate to the LESS tab and write your custom styles. In my example it was:

div#grid-AccountContactsDetailV2DataGridGrid-wrap > div>div:nth-child(2){

    border-color: red;

    border-style: solid;

    border-width: 1px;



Leave the source code for the module empty. Please, see my screenshot - http://prntscr.com/l21yvf

2. Create a replacing module for your schema detail and add the created earlier module as a dependency.

Please, see my example - http://prntscr.com/l21zft

As a result,  AccountContactsDetailV2 detail looks in the following way - http://prntscr.com/l21zzx

Hello Tetiana, the screenshots in your reply are no longer visible. Would you please upload them again? Thank you very much!

Andrew Sheng,

 

Hello,

 

Sure, here they are:

 

1) Creating CSS in the Less tab of the module:

2) Connecting CSS to the detail schema:

Show all comments