Thread Info
  • State Suggested Answer
  • Locked Locked
  • Replies 8 replies
  • Answers 1 answer
  • Subscribers 27 subscribers
  • Views 1544 views
  • Users 0 members are here
Options
Suggested
This discussion has been locked.
You can no longer post new replies to this discussion. If you have a question you can start a new discussion

Web Authentication Template not loading logo or css customizations

Daniel Ross

Good afternoon,

I'm trying to figure out why my customized CSS, HTML pages I loaded into my authentication template I created.  I've confirmed that the page loads correctly if I open it locally, it references the .png file and .css I have uploaded as well.  

This is how it loads locally, looks ok, will iron out when it is working.

And here it is as it is seen by the remotely connecting users, no color customization or logo will load.  What do you all think?



This thread was automatically locked due to age.
  • 0

    It seems that CSS file is not loading properly.

    Have you embedded the CSS within the template or it is separate file?

    Also how you have referenced the image files for template?

  • 0 in reply to HardikR

    I've gotten the css working by adding the customizations directly to the template. So that is fixed.

    The problem I'm having now is the image I'm using will not load.  Below is what I've got in the template for the image.  

    One thing to note is, in both instances of using a CSS file and embedded CSS, I can load both locally without issue.  The problem only occurs when loading it into the XG.  

    Here is my template code.  Let me know what you think the issue is.  Obviously I have the syntax incorrect somewhere.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "">www.w3.org/.../strict.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Login</title>
    <style>
    body {
    width: 100%;
    height: 100%;
    color: #444;
    background: #1C4269;
    font: 9pt Arial,Helvetica,sans-serif;
    }
    #container {
    position: fixed;
    width: 420px;
    height: 510px;
    top: 40%;
    left: 50%;
    margin-top: -170px;
    margin-left: -170px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    }
    .info {
    font-size: 16px;
    padding-left: 2px;
    padding-top: 20px;
    line-height: 23px;
    text-align: center;
    color: #1C4269;
    font-weight: bold;

    }
    .note {
    font-size: 11.5px;
    color: #606060;
    line-height: 14px;
    float: left;
    margin: 20px;
    text-align: justify;
    }
    form {
    margin: 0 auto;
    margin-top: 20px;
    }
    label {
    color: #555;
    display: inline-block;
    margin-left: 25px;
    padding-top: 10px;
    font-size: 14px;
    }
    input {
    font-size: 12px;
    outline: none;
    }
    input[type=text], input[type=password] {
    color: #777;
    padding-left: 15px;
    margin: 10px;
    margin-top: 12px;
    margin-left: 30px;
    width: 320px;
    height: 35px;
    }
    input[type=text]:focus, input[type=password]:focus {
    border: 1px solid #a8c9e4;
    box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
    }
    input[type=submit] {
    float: right;
    margin-right: 300px;
    margin-top: 20px;
    width: 80px;
    height: 30px;
    font-size: 14px;
    width: 80px;
    height: 30px;
    left: 50%;
    }

    </style>
    </head>
    <body>
    <div id="container">
    <div class="info">
    <img src="CCLogo.jpg" alt="CUSTOMIZED TEXT">
    <p>THIS IS WHERE I HAVE CUSTOMIZED TEXT</p>
    </div>
    <form action="<?login_path?>" method="POST">
    <p><label for="httpd_username">Username:</label>
    <input name="httpd_username" type="text"></p>
    <p><label for="httpd_password">Password:</label>
    <input name="httpd_password" type="password"></p>
    <p style="visibility:<?persistency?>">
    <label for="httpd_persistency">Keep me logged in</label>
    <input name="httpd_persistency" type="checkbox"></p>
    <p><input type="submit" value="Login"></p>
    </form>
    <div class="note">THIS IS WHERE I HAVE CUSTOMIZED TEXT <b><?admin_contact?></b>.</div>
    </div>
    </body>
    </html>

  • 0 in reply to Daniel Ross

    Inside IMG tag, you have mentioned only filename and that file in not located within XG due to which image is not being loaded.

    <img src="CCLogo.jpg"

    Enter complete URL from where the image can be loaded.

    Refer the link below for img src HTML tag example.

    www.geeksforgeeks.org/.../
  • 0 in reply to HardikR

    No, the file is loaded on the firewall.  It is not a link image.  What is the syntax for the image to load from the XG?

  • 0 in reply to Daniel Ross

    Here is the code directly from Sophos site using the same syntax.  Is this not correct?

  • 0 in reply to Daniel Ross

    Try this,

    <img src="<?assets_path?>/CCLogo.jpg">

    I will also test the same in my setup.

  • 0 in reply to HardikR

    Still the same thing.  It appears now that the logo image is showing as a box.  Nothing is appearing on the window however.  

  • 0 in reply to Daniel Ross

    I have tested with <img src="<?assets_path?>/CCLogo.jpg" alt=""> and able to load uploaded image.

    <body>
    <div id="container">
    <div class="info">
    <img src="<?assets_path?>/Xstream-logo.png" alt="">
    </div>
    <form action="<?login_path?>" method="POST">
    <p><label for="httpd_username">Username:</label>
    <input name="httpd_username" type="text"></p>
    <p><label for="httpd_password">Password:</label>
    <input name="httpd_password" type="password"></p>
    <p style="visibility:<?persistency?>">
    <label for="httpd_persistency">Keep me logged in</label>
    <input name="httpd_persistency" type="checkbox"></p>
    <p><input type="submit" value="Login"></p>
    </form>
    <div class="note">THIS IS WHERE I HAVE CUSTOMIZED TEXT <b><?admin_contact?></b>.</div>
    </div>
    </body>


    This is custom authentication page.