The Zurich release has arrived! Interested in new features and functionalities? Click here for more

Setting Background image for Mobile view of Employee Center (also resizing desktop window)

Jakub Zajic
Tera Expert

Hello, 

does anybody please know what could be wrong with setting a smaller image for mobile view for Employee center?

I have created the 800 x 250 px svg image and attached it to the container as by default but instead of new image, see just grey background as following: 

 

JakubZajic_1-1670593207133.png

 

JakubZajic_1-1670593831309.png

 

and Bonus question: Do you know where can I change color of menu button (in the right upper corner)? I didn't find the button element with inspection tool. Is it bootstrap?

 

Thank you very much!

Jakub

 

7 REPLIES 7

Community Alums
Not applicable

Hi @Jakub Zajic ,

@Rob Sestito  has explained Beautifully here

The way I did ours was right within the Container itself when designing from the Page Designer of the portal.

While on your portal page, hold Ctrl and right-click on one of the widgets. You will get a pop-up menu and you can select Page in Designer:

SandeepDutta_0-1670594915551.png

 

From the Page Designer, you can choose any container you want to have an image for a background.

Here, I am clicking on the widget I am using, and you will see your bread crumbs - select Container, then you can modify like so:

SandeepDutta_1-1670594915679.png

 

SandeepDutta_2-1670594915517.png

 

Be sure you are in the correct application so you have access to modify, but here is what the menu should look like when you edit a container:

SandeepDutta_3-1670594915691.png

 

Here you have the option to add in a background image.

Here is one of my background images for the top of the portal page - this was all done by me adding an image into the Background Image option I just showed you.

SandeepDutta_4-1670594915568.png

 

 

Hi  Sandeep,

 

thank you for detailed guide. However, if you try to resize the window (tablet, mobile) maybe your image will dispappear, or switch to OOTB image, which can't be added in the container on Page designed (you can only see there that attachment). And if you add it in the container in the platform view, it simply doesn't work for me when I want to resize the window: 🤔

 

JakubZajic_0-1670611554532.png

 

Did you ever figure out a solution to this? We are running into the same issue.

Has it been resolved? By the way I found here information about image background, https://setapp.com/how-to/change-desktop-background-and-screensaver-on-mac it helped me to change the image and put the one I want, in fact I was amazed that this is possible, because until now I thought that you can only install the image that is perimeter of the system or I would have to pay to put another.