Forum Discussion
Left align image on logon page
I need to add an image to the logon page. From a viewer perspective this would be the main table for the logon page, not the left column where the logon fields are but the larger area to the right. I've been asked to but an image in this space (to take up the big blank white area). I have the image configured but I can't get the image to left align.
Where do I configure the image alignment for the main (largest) table on the logon page?
8 Replies
- PSilvaRet. Employee
Hi~ Not sure of your unique situation but here is the Customization manual.
https://support.f5.com/kb/en-us/products/big-ip_apm/manuals/product/apm-customization-11-6-0/3.html
and there is an example of Adding an image to a profile and a page.
Hope that helps.
ps
- The-messenger
Cirrostratus
Thanks Peter, that helps now I can see that the main window is called the "Message Page" This article is referring to 11.x I'm running 12.1.
What is the best way to move from information for one version to the same exact information for another version?
- The-messenger
Cirrostratus
Here's my issue. The image is there but it is right aligned, this looks really bad. I need to get it left aligned and can't find the settings for this. I want the image in the window on the right, I guess this is called the message window, to be left justified.
I put a box around the space to show what I want to remove.
- PSilvaRet. Employee
Here's the one for 12.1
https://support.f5.com/kb/en-us/products/big-ip_apm/manuals/product/apm-customization-12-0-0/4.html
ps
- crodriguezRet. Employee
Not sure if this will work, but in the Advanced Customization Editor you might try overriding default styles by using either/both of the following:
On the img tag where you are pointing to the custom image, try:
On the td tag that appears right before the img tag, specify the following:
There are other possible options if these don't work.
- The-messenger
Cirrostratus
Thanks crodriguez. I can't find which .css or .inc this is located in.
- Chris_Wentland
Nimbostratus
These would be in the apm_full.css stylesheet. I had luck adding the two commands below into the section for the image. You can use the Chrome developer tools to help locate the position in the CSS better.
Search for the section named tablemain_table tdmain_table_image_cell img. Under this section add these two lines. This will place the image 270 pixels from the left side of the screen. You can specify the size of the forms page to 270 pixels in the layout settings. This is found under the common section in the advanced customization properties. This will make the image start right at the same pixel that the forms page ends at.
position: absolute;
left: 270px; - The-messenger
Cirrostratus
Thanks for the replies. There were several places I had to set left aligned. I thought I had to just set the image but the main window (largest window on the right of the page) has multiple tables affecting image alignment.
Thanks for the help.
Help guide the future of your DevCentral Community!
What tools do you use to collaborate? (1min - anonymous)Recent Discussions
Related Content
* Getting Started on DevCentral
* Community Guidelines
* Community Terms of Use / EULA
* Community Ranking Explained
* Community Resources
* Contact the DevCentral Team
* Update MFA on account.f5.com