----- ~~NOTOC~~ ====== Login Pages Overview ====== ===== Introduction ===== * RADIUSdesk includes an applet called Login Pages that allows you to easily manage the login pages of captive portals. * We currently support **CoovaChilli** and **Mikrotik**-based captive portals. * We use **Bootstrap 5** based login pages for the following reasons. * Bootstrap is actively being developed (the current version is version 5) and has a beautiful look and feel. * Bootstrap is familiar to many developers, so it should be easy for them to optimize and adapt a Bootstrap-based login page to their environment if needed. ===== Components of a Login Page ===== {{:radius:login_pages:bootstrap5.jpg|}} * Each login page will have the following three items * Top Toolbar * Image(s) * Login Screen * Let us explain these elements in more detail under a separate heading. ==== Top Toolbar ==== * The content and appearance of the top toolbar depends on the settings on the login page. * The Top Toolbar can contain the following * A **Connect** link that displays the login screen. * A title for the page. This element is configurable. * Login pages that are configured to support multiple languages contain a menu item for selecting a different language. ==== Images ==== * At least one image is displayed on the login page. * Both the image and the display of the image can be configured when you edit the login page. ==== Login Screen ==== * The login screen is a pop-up window whose content and behavior depends on the settings of the login page and is described in detail on a separate wiki page.