Display background image in container

malu
Tera Contributor

‎03-02-2017 08:42 PM

Hi Experts,

Please help me how to place background image in the container in Service Portal

I have added 3 6 3 container in the designer. Now i have a Image in Images module which needs to be displayed in 6 container (Center).

- Added a Image in the Images Module.

- Added a new CSS under Service Portal as below

       

CSS:-

Image

.myImage{

      background-image: url(Logo.jpg);

      background-repeat: no-repeat;

      display: block;

}

In the Designer In 6 Container I have added "myImage" in the CSS Class BUT the image is not coming up...Any Reason?

find_real_file.png

find_real_file.png

But the Image is not appearing in the Center Container.

Preview file
13 KB
Preview file
40 KB
0 Helpfuls
  • 2,350 Views
2 REPLIES 2

rathikaramamurt
Giga Expert

‎03-02-2017 10:18 PM

Hi,



You can write a UI macro with this CSS code, that will render whatever you like. Then add it to your catalog item as a variable of "Macro" or "Macro with Label".


0 Helpfuls

dvp
Mega Sage
Mega Sage

‎03-03-2017 03:16 AM

In OOB you can only add background images to containers


But your requirement looks like you need to add background image to a column, which I think is not supported in portal


By the way 3 6 3 are called columns not containers


0 Helpfuls