Forum Discussion
Browser Logon Page Customization
I have been able to figure out where to customize all aspects of the Browser logon page except for the header line as shown here:
Just looking to implement a simple white background for the moment - can anyone point me in the right direction?
(ver 11.4)
Thanks...
- Cory_OCirrus
We had just opened a Case for this one. Here's the official answer:
- Navigate through the flyout to Access Policy-->Customization-->Advanced.
- Under the Properties Editor, you'll see an "Edit Mode" dropdown at the top. Click that and select Advanced.
- Navigate to Customization Settings/Access Profiles/%YOURPROFILENAME%/Common.
- Click to highlight the apm_full.css entry.
- Under the Advanced Customization Editor in the right pane, you'll want to click within the text and perform a [CTRL] + [F] in your browser. Search for the first occurrence of the word background-image.
- Comment out the entire line by inserting /* to the beginning of the line, and */ to the end.
BEFORE: background-image: url(/public/images/my/header-transient.png); AFTER: /* background-image: url(/public/images/my/header-transient.png);*/
- After this, keep using the Find function to locate and comment out every line referencing background-image. As of the 11.5.1 code level, you'll do this a total of 4 times. Your results may vary with other code levels.
- When you have completed, click the [Save Draft] button at the upper right, click [Yes] to confirm, then click [Save] at the top to commit the changes to the CSS file.
- [OPTIONAL] Perform the steps above to comment the entry from any other CSS files you wish to modify, such as apm_mobile_ppc.css, apm_mobile.css, etc.
- Once you have completed all edits, you may now Apply the Access Policy by clicking the Apply Access Policy link at the upper left and following through the necessary steps.
I hope that helps, everyone! Feel free to mark this as the answer if this helps!
-Cory
- kridsanaCirrocumulus
There is no customization tool or menu.
All You can do is change css, html code in apm.css manually.
in customization >> advance >> edit mode:advance >> Access profile : common >> apm_full.css (apm_mobile.css if using mobile too)
edit code in tablepage_header
ps. If anyone have easier method please tell me T-T
- kridsanaCirrocumulus
This is mine (It's gradient, you can change value in background to take effect)
tablepage_header { /*width: %[page_width];*/ width: %[page_width]; /*width: 1367px;*/ /*width: %[form_width]*/ /*min-width: %[page_width];*/ height: 80px; background-repeat: repeat-x; /*background-color: FFFFFF;*/ /*background-image: url(/public/images/my/header-transient.png);*/ background: 175cad; /* Old browsers */ background: -moz-linear-gradient(top, 175cad 0%, 2465b1 8%, 3e77bb 20%, 6290c7 33%, b7cce6 62%, e2eaf5 79%, fbfbfe 93%, fcfcfe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,175cad), color-stop(8%,2465b1), color-stop(20%,3e77bb), color-stop(33%,6290c7), color-stop(62%,b7cce6), color-stop(79%,e2eaf5), color-stop(93%,fbfbfe), color-stop(100%,fcfcfe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, 175cad 0%,2465b1 8%,3e77bb 20%,6290c7 33%,b7cce6 62%,e2eaf5 79%,fbfbfe 93%,fcfcfe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, 175cad 0%,2465b1 8%,3e77bb 20%,6290c7 33%,b7cce6 62%,e2eaf5 79%,fbfbfe 93%,fcfcfe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, 175cad 0%,2465b1 8%,3e77bb 20%,6290c7 33%,b7cce6 62%,e2eaf5 79%,fbfbfe 93%,fcfcfe 100%); /* IE10+ */ background: linear-gradient(to bottom, 175cad 0%,2465b1 8%,3e77bb 20%,6290c7 33%,b7cce6 62%,e2eaf5 79%,fbfbfe 93%,fcfcfe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='175cad', endColorstr='fcfcfe',GradientType=0 ); /* IE6-9 */ -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='175cad', endColorstr='fcfcfe',GradientType=0 ); /* IE6-9 */ /*non-msie: page_alignment */ clear: both; margin-left: auto; margin-right: auto; float: %[page_alignment]; display: block; }
- JackFEmployeeThank you for this question and answer!
- TM0Nimbostratus
I was getting so frustrated looking for where else that gradient option was. That background-image comment out worked for me. Thanks for sharing!
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