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

4 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:

Oleg Drobina,

Hello,

 

I tried to follow your example above but it's just didn't work on me. i don't know which part is wrong, can you help me to check it please

1. tried changing css in inspect browser and its work like what i want

 

2. create CSS in LESS tab module

 

3.Connecting CSS to the detail schema

 

but nothing changes happen to my form.

and if you don't mind, please check my question in here https://community.creatio.com/questions/custom-image-size for the subject.

Thank you

Show all comments