how Create Box border around fields - in Portal

chanikya
Tera Guru

Hi,

 

find_real_file.png

 

 

find_real_file.png

1 ACCEPTED SOLUTION

Gaurav Bajaj
Kilo Sage

Hi,

You can achieve such things easily.

All you need is basic knowledge of HTML and CSS apart from what i have shown you in the previous reply.

For this, you can encapsulate the variables in a new div and add a border to it instead of existing div.

 

You can add the highlighted code and remove the previous one.( from the first reply)

 

find_real_file.png

 

find_real_file.png

 

Please mark it correct if has helped you to solve your issue.

Thanks

Gaurav

View solution in original post

5 REPLIES 5

Gaurav Bajaj
Kilo Sage

Hi,

You need to follow below steps to achieve it.

find_real_file.png

 

1) Clone the approval record widget and create a new one where you can add your CSS for the border.

2) Let call it "My approval record", now you need to add a class "borderClass"to these specific divs which are containing the variables/fields.

find_real_file.png

 

3) Add the below CSS in the CSS section for the widget.

.borderClass{

border: 2px solid black;
padding-left: 6px;
}

 

4) Now, please go to the approval page and replace the widget in the approval record widget instance so the page will render your new widget instead of OOB one.

 

 

find_real_file.png

find_real_file.png

 

Thanks

Gaurav

 

 

Hi ,

 

thanks for replay,

 Please help me here

Is it possible to mention Box border for fields only  with out covering Option value.

find_real_file.png

 

 

Similarly in RITM level too 

 

find_real_file.png

 

Gaurav Bajaj
Kilo Sage

Hi,

You can achieve such things easily.

All you need is basic knowledge of HTML and CSS apart from what i have shown you in the previous reply.

For this, you can encapsulate the variables in a new div and add a border to it instead of existing div.

 

You can add the highlighted code and remove the previous one.( from the first reply)

 

find_real_file.png

 

find_real_file.png

 

Please mark it correct if has helped you to solve your issue.

Thanks

Gaurav

Same script is working in RITM level too!!, 

Thanks Gaurav!!!!, 

 

 

find_real_file.png