Pages
- Building your application
  - Introduction
  - Data model
  - Business logic
  - User interface - functional
  - User interface - graphical design
  - Configuration
  - Resources
- Advanced functions
- Hosting
- Miscellaneous

Creating a custom login page

Some applications might want to use a custom page for logging in. All login functionality is offered by the platform, but you are able to use your own look and feel by creating a custom 'surrounding page for login'.

How do you do this?

Set Surrounding page for login: Blueprint -> User Interface -> Surrounding page for login - insert path to surrounding page (on develop)
Create file: Create custom surrounding page with same path as step 1
Reload blueprint: Reload the blueprint to see the effect - you can now make changes in the file to see immediate effects

Below is an example of a custom login page. Now the login window is placed at the top right corner of the screen and if you for example want lo lower the page you can raise the percentage of "top".

<!DOCTYPE html>
<html>
    <head>
        $document.getMetaTags()
        $document.getDefaultCSS()
        $!document.getCSS()
        $document.getDefaultScripts()
        $!document.getScripts() 
    </head>
    <body>
        <div style="width: 25%; border-style: solid; top:0% ; right: 0%; position: absolute;">     
            <!-- start content -->
            $!document.getContent()
            <!-- end content -->
        </div>
    </body>
</html>

This functionality only works with user interface 3.4 or higher.