Big IP APM customized logon background image not loading

Dear all,

We are using Big IP version 13 HF2 and have succesfully integrated Citrix with Big IP APM. The only thing we are trying to accomplish is to change the background image to a locally stored image on the F5 APM and currently is not loading. When using the same image but calling it directly from another server it works fine.

In the advanced customization we uploaded the image on to the Big IP.

We can clearly see the image path being /PROD/login_background.jpg. We are using partitions and the partition is named PROD.

I verify the image location on the Big IP.

The location is /public/images/customization/PROD/login_background.jpg

Now I am trying to customize the apm_full.css also explained here

https://devcentral.f5.com/questions/browser-logon-page-customization

I tried various combinations but none of them seems to work.

url(/PROD/login_background.jpg);
url(/public/images/customization/PROD/login_background.jpg);

Strange thing is when I configure an external website pointing to exactly the same image it does work. So only locally stored files are not working or loading. When trying to access the APM portal website it clearly responds with 404 not found for this locally stored image.

The following line does work properly point to an external website hosting the same image.

url(https://mywebsite/Citrix/custom/login_background.jpg);

Does anybody know how to make this to load properly using the internally stored image?

advance customization

APM

application delivery

11 Replies

Nicolas_Destor
Cirrostratus
Jul 12, 2018
Hello,

No error visible in APM log with debug mode?
Marvin
Cirrocumulus
Jul 12, 2018
just checked no errors at all just the image not displayed while opening the login page, 404 error not found for the URL request, gonna open a case with F5 its weird.
Nicolas_Destor
Cirrostratus
Jul 12, 2018
Ok, interested by their feedback, i never pass by advanced customization to upload images.

Another way to do that is to upload your images using hosted content menu, set it to Public, allow your APM portal to access it and then put the URI in your CSS sheet. That should work.
Marvin
Cirrocumulus
Jul 12, 2018
I am using version 13 I see Access policy --> Webtops --> Hosted Content, so this is only used for webtops? I am not using webtops to publish applications, we are using the website of the Citrix storefront. So I think this is not an option?

I already sent it to F5 support for analyses, I am curious what are they going to say.
Leonardo_Souza
Cirrocumulus
Jul 12, 2018
There are always multiple ways to do the same thing. I think the problem in your case is that is not internally linked as customization.

Try this way, that I know works.

Go to General Customization, select the access policy, partitions, and then Advanced Customization Images. In image00 select the image you want from the image browser, and copy the final link. Something like /public/images/customization/partition/_general_ui/image00_en.png.

You can then use that link in the Advanced Customization, like this:

background: center repeat-x url("/public/images/customization/partition/_general_ui/image00_en.png");
Marvin
Cirrocumulus
Jul 12, 2018
Just tried it still getting HTTP response 404
Nicolas_Destor
Cirrostratus
Jul 12, 2018
An APM webtop is not mandatory. You just have to authorize the access of the hosted content for your APM policy in menu "Manage Access". Then it will be available from your VS used for APM with the URI /public/share/
Marvin
Cirrocumulus
Jul 12, 2018
Ten points for you :-) it works it

/PROD/public/share/images/customization/background.jpeg
Marvin
Cirrocumulus
Jul 12, 2018
Nicolas can you post your answer so I can mark it as the answer to share it with the rest
Nicolas_Destor
Cirrostratus
Jul 13, 2018
Another way to do that is to upload your images using hosted content menu, set it to Public, allow your APM portal to access it and then put the URI in your CSS sheet. That should work.