Forum Discussion

Vijay_01's avatar
Vijay_01
Icon for Altostratus rankAltostratus
Apr 08, 2020

Image Not Changing on the Logon Page

Hi All,

 

As part of the company re-branding, the logon page of the company, font and logo is being changed. Earlier, on the logon page there were two images which keeps on changing one after the other. These images were called from a backend server (through http/https link). Now as part of the re-branding, the requirement is to host 2 similar new images on F5, in place of backend server. After uploading the images under hosted content, I just replaced the http/https link with the path of the hosted content.

 

The issue I am getting is only one image is visible on the logon page. And even after clicking either left or right arrow, the second image doesn't show up.

 

I am basically a Network Engineer, not too much familiar with the code but trying to understand it.

 

The below code is the relevant portion of the code from "login.inc" file under macros for image, I believe.

I have no idea whether it requires modifying CSS file (apm_full.css) under Common folder.

 

 

          <!-- Wrapper for slides -->

          <div class="carousel-inner" role="listbox">

            <a class="item active">

              <img src="/public/share/connect/content/images/Image1.jpg">

              <div class="carousel-caption">

                ...

              </div>

            </a>

            <a class="item">

              <img src="/public/share/connect/content/images/Image2.jpg">

              <div class="carousel-caption">

                ...

              </div>

            </a>

          </div>

 

          <!-- Controls -->

          <a class="left carousel-control leftRightArrow" href="#carousel-example-generic" role="button" data-slide="prev">

            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

            <span class="sr-only">Previous</span>

          </a>

          <a class="right carousel-control leftRightArrow" href="#carousel-example-generic" role="button" data-slide="next">

            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

            <span class="sr-only">Next</span>

          </a>

        </div>

 

      </div>

 

 

Thanks in advance

Vijay

 

2 Replies

  • In your code, what is the image you are trying to replace ?

     

    Where do you store the new image on the F5 ? As an iFile ? On the filesystem ?

    • Vijay_01's avatar
      Vijay_01
      Icon for Altostratus rankAltostratus

      Hi ldesfosses,

       

      Thanks for the reply !!

       

      The issue is resolved now. Actually, it was related to bootstrap version incompatibility.

      Uploading the new bootstrap file resolves the issue.