Forum Discussion

David_G__33241's avatar
David_G__33241
Icon for Nimbostratus rankNimbostratus
Jan 17, 2014

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...

 

  • 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

  • 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

     

  • 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;
    }

     

  • TM0's avatar
    TM0
    Icon for Nimbostratus rankNimbostratus

    I was getting so frustrated looking for where else that gradient option was. That background-image comment out worked for me. Thanks for sharing!