Navigate to [https://custom-portal-dylan.zuarbase.net/login?url=https://custom-portal-dylan.zuarbase.net/](https://custom-portal-dylan.zuarbase.net/login?url=https://custom-portal-dylan.zuarbase.net/)

Drag one or more files to here to upload.

Click the "Enter a file path and name to edit" field.

<!doctype html>
<html lang="en" ng-app="portalLogin">
    <head>
        <meta charset="utf-8">
        <meta name="zwaf:template" content="custom">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <base href="/">
        <title>Login - Portal by Zuar</title>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
        <style>
            html, body {
                height: 100%;
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>
        <background-visual src=""></background-visual>
        <div class="vh-100 vw-100 position-absolute top-0">
            <div class="container h-100">
                <div class="row h-25">
                    <div class="col"></div>
                </div>
                <div class="row">
                    <div class="d-flex justify-content-center">
                        <login-form
                            heading="Custom Portal Login"
                            button-text="Log In"
                            server="">
                        </login-form>
                    </div>
                </div>
            </div>
        </div>
        <script src="https://cdn.jsdelivr.net/npm/apitoolbox-ui@0.2.6/background-visual.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/apitoolbox-ui@0.2.6/login-form.js"></script>
    </body>
</html>

How to Upload and Edit an Image in Custom Portal