Login Screen

To set a background image, firstly create a custom theme.

Save your background image to the folder: …\tomcat\webapps\panMISDashboardResources\themes\<<YOUR_STYLE_NAME>>\img

NB: Higher resolution images are better.

Login as an administrator, open the themes tab, click on your theme name click on the Configuration screen and enter the name of the image in the login screen background image section. 

Save the theme and logout.

.pi-style__login-screen_background-image

The background image of the login screen.

Open

.pi-style__login-screen_body

The entire page where the login box is displayed.

Open

.pi-style__login-screen_logo

The logo on the login screen.

.pi-style__login-screen_panel

Applies to any panel on the login screen e.g. the login panel.

.pi-style__login-screen_panel_header

The header style of the login panel.

.pi-style__login-screen_panel_icon

The large icon on the login screen panel

.pi-style__login-screen_panel_body

The body of the login screen panel.

.pi-style__login-screen_panel_footer

The footer of the login screen panel.

.login-panel .pi-input.pi-style__login-screen_panel_input

The input area (including label and input field) of the container on the login screen.

.login-panel .pi-style__login-screen_panel_input_label

The label of an input field.

.login-panel .pi-input.pi-style__login-screen_panel_input_field

An input field on the login screen.

.pi-style__login-screen_panel_button-section

The container of the buttons on the login screen.

.pi-style__login-screen_panel_button-section_button

Buttons on the login screen.