For more information regarding the security incident at F5, the actions we are taking to address it, and our ongoing efforts to protect our customers, click here.

Forum Discussion

Bob_Vance_75936's avatar
Bob_Vance_75936
Icon for Altostratus rankAltostratus
Jul 20, 2015

APM login page customization

Hello,

 

Currently running v11.3 LTM/APM mods and trying to customize the look and feel of a log on page for a access profile. Very simple profile configured to authenticate the user to a vip. I'm using the advanced customization option and trying to align what I believe are the fields where the user enters their username and password with the labels to the center of the screen. It seems like everything I try to adjust does not bring them over more to the left. I believe I need to keep editing the Form Settings and Form Elements, but I'm not 100% sure...

 

Anyone have an idea for how I can do this? Here's the advanced config pasted below and I'll try and include a screenshot of the page so you can see the issue and what I'm trying to describe. In the screenshot you can see the field boxes way over to the right and I need to bring them over next to the username and password labels. The form needs to stay the width of the page though.

 

General Page Style Settings:

 

Page alignment Center

 

Page background color 18B6CF

 

Page width (px or %) 100%

 

Layout Settings:

 

Form cell width (px or %) 50%

 

Image cell width (px or %) 50%

 

Main table background color 18B6CF

 

Page layout Form Center

 

Image Settings:

 

Default image /public/images/my/tr.gif

 

Image left margin (px) 10px

 

Image right margin (px) 10px

 

Image top margin (px) 40px

 

Side image alignment Center

 

Form Settings:

 

Form alignment Center

 

Form background color 30BDD4

 

Form height (px, %, or auto) 50%

 

Form left margin (px) 0px

 

Form right margin (px) 0px

 

Form top margin (px) 50px

 

Form width (px or %) 100%

 

Form Element Settings:

 

Field alignment Left

 

Field width (%) 5%

 

Header alignment Center

 

Label alignment Center

 

Label position Left

 

Label width (%) 33%

 

 

3 Replies

  • Thank you Jason! Took me a bit to find the elements but a copy and paste into notepad++ helped locate the line and then it was just a matter of making small adjustments to the css to eventually get what I needed.

     

    • JRahm_128324's avatar
      JRahm_128324
      Historic F5 Account
      good deal! Not sure if you're a fan of "The Office," but your name makes me smile...I can't look at it or say it without adding Vance Refrigeration to it! :)
  • Is there a way to bulk export/import changes to the APM Logon pages? Or even browse the folder structure? Thanks!