Image Not Changing on the Logon Page

[Vijay_01]

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

[ldesfosses]

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]

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.