How to show two images when caller is vip on form as well as on list

dheeru_1994
Tera Contributor

Hello All 
i have requirement  to show two images on incident table  when the caller is vip   i am trying to do by style on incident table  on list field images are over lapping  and  inside the form images are not shown  my condition is that both images should visible on list as well as on form 
in community i tried solution but solution are working only on form not on list 
your support highly appreciated 

dheeru_1994_0-1713417159097.png

this i am trying 
and i am getting on list below is the screen shot 

dheeru_1994_1-1713417390462.png

these type overlapping 
i am eagerly trying for solution but no luck 

11 REPLIES 11

background-image: url('images/icons/security.gif'), url('images/icons/vip.gif');

background-repeat: no-repeat;
background-position: 98% 5px;
padding-right: 30px;
background-position: right bottom, left top;
background-repeat: no-repeat, no-repeat;
padding: 15px; 
this is your code and it is over lapping 

dheeru_1994_0-1713423990567.png

in list view they are over lapping 

Community Alums
Not applicable

Hi @dheeru_1994 ,

I added image one by one in my given new code below.

 

I checked that part I get to know that there is small space in list view but in form view we have more space . For example

SarthakKashya2_0-1713426361073.png

Look if form is empty it shows nothing there, so here we can show image properly

SarthakKashya2_1-1713426397855.png

But in list view if it is empty it shows empty over there so your image may be overlapping.

I added some new code in CSS you can refer and check 

 

background-image: url('2on.png') , url('10on.png');
            background-repeat: no-repeat;

  background-position:
    top 0px left 10px,
    top 0px left 60px;

 

Please mark my answer correct and helpful if this works for you

 

Thanks and Regards 

Sarthak

 

Community Alums
Not applicable

Hi @dheeru_1994 ,

If this works for you please mark my answer correct and helpful.

 

Thanks and Regards 
Sarthak

dheeru_1994_0-1713438414287.png

it is overlapping your code as well  but if i add comment in this your code will work 

i let you know this here now 

dheeru_1994_1-1713438979707.png

/*---*/background-image: url('images/icons/security.gif'), url('images/icons/vip.gif');
/*---*/ background-repeat: no-repeat;

/*---*/background-position:
top 0px left 20px,
top 0px left 30px; 
by doing 
this but problem is that why not working without comments 

Community Alums
Not applicable

Can you please tell me "why not working without comments" means? I didn't understand that.