Portal: Banner customization

User Experience Workflow Portal
1

The default User Portal banner is a basic HTML file named banner.html that you can modify, located in the \wfgen\App_Themes\Default\portal\banner folder.

Code example:

<html>
    <head>
        <title>WorkflowGen</title>
        <style>
            body {
            margin:0px;
            font-family: Arial, Tahoma;
            color:#000000;
            background-color:#3F3F3F
            }
            .grid-container {
            display: grid;
            grid-template-columns: auto auto auto auto auto auto;
            grid-gap: 10px;
            padding: 10px;
            }
            .logo {
            grid-column: 1 / 4;
            }
            .link {
            grid-column: 5 / 8;
            text-align:right;
            display:block;
            padding-top:10px;
            }
            .link > a
            {
            color:white;
            text-decoration: none;
            }
        </style>
    </head>
    <body>
        <div class="grid-container">
            <div class="logo">
                <img src="https://goo.gl/un62sr" alt="wfg logo">
            </div>
            <div class="link">
                <a href="https://discuss.workflowgen.com" target="_blank">WorkflowGen Forum</a><br>
                <a href="https://workflowgen.zendesk.com" target="_blank">WorkflowGen Support</a><br>
                <a href="https://docs.workflowgen.com/" target="_blank">Documentation</a>
            </div>
        </div>
    </body>
</html>

Result:

image
image994×163 13.2 KB

If you need to modify the banner height, go to the Configuration Panel Portal tab. In the Display section, enter the size in the Customized banner height field.

banner

You can also specify a URL to an external banner URL on the Portal tab in the Configuration Panel.