Article Details
Id:17291
Product:finPOWER Connect
Type:NEW
Version:3.03.03
Opened:13/08/2020
Closed:26/08/2020
Released:01/10/2020
Job: J024837

Portals; Added default classes to built-in pages so they can be styled from HTML Widget CSS without writing custom pages

All built-in pages now have a CSS class applied to their <body> tag.

This allows simple formatting to be applied via the HTML Widget custom CSS which is defined on the Portals form, HTML Widgets page.

  • Error 401
    • is-builtin-page-error401
  • Error 404
    • is-builtin-page-error404
  • Error 500
    • is-builtin-page-error500
  • Login
    • is-builtin-page-login
  • Password Change
    • is-builtin-page-passwordchange
  • Password Reset
    • is-builtin-page-passwordreset

Therefore, to style the Login form, you could enter CSS (LESS) such as:

.is-builtin-page-login {
  .is-portal-form {
    background-color:cyan !important;
    border:4px solid green !important;
  }

  #cmdLogin {
   border:4px solid yellow !important;
  }
}