Sign up Page

Design

Sign up page V0 (Screenshot to update)

Default configuration

Desktop and mobile

Default registration form is composed of :

Title of the page
Introductory text
Firstname field
Lastname field
Email field
Email tooltip
Password Field
Password field tooltip
Company
Terms of use Checkbox
Sign up button
I already have an account link

Fields	Default value(s) or Behaviour(s)
Title of the page	Text : Sign up i18n: `page.title.signup`
Introductory text	Text : Registration is required to join the Digital Media Center. Once your request has been validate, you will receive a confirmation email. i18n: `signup.description`
Firstname field	Type : input text Rules : Mandatory
Lastname field	Type : input text Rules : Mandatory Green Checkbox appear when user has correctly filled in the field.
Email field	Type : input text Rules : Text : Your email Green Checkbox appear when user has correctly filled in the field Control of the email address format
Email tooltip	Type : tooltip Rules : Text : Your email will not be shared. Mandatory Green Checkbox appear when user has correctly filled in the field.
Password Field	Type : password field Mandatory Control of password security compliance Text under the field : At least 8 characters, including 1 number, 1 capital letter and 1 punctuation mark.
Password field tooltip	Type : tooltip Text (under password field) : At least 8 characters, including 1 number, 1 capital letter and 1 punctuation mark.
Company	Type : Input text Rules : Mandatory Green Checkbox appear when user has correctly filled in the field.
Terms of use Checkbox	Text : I accept the terms of use Type : checkbox Rules : Mandatory When user clicks on “terms of use”, he’s redirected to the terms of use page
Sign up button	Text : Sign up Type : button Rules (When users clicks on this button) : a popin message appear to confirm the registration is made with success Button is not clickable until the form is OK i18n : `signup.signupForm.inscriptionButton`
I already have an account link	Text : I already have an account Type : link Rules (When user clicks on this button) : he’s redirected to the login page i18n : `signup.signupForm.cancelButton`

Content Picker

Sign up button is not displayed on content pickers’s login page.

Advanced configuration

The registration form is automatically generated based on the REST resource for storing account requests.

Adapting the registration form structure

As a default, the REST resource is /data/userregistration which targets the structure userregistration.

You can change the target resource by overriding the default value in config entry $.register.targetPath.

Adding fields to the registration form is done by changing the structure (don’t forget tags that must be added to fields). Please note that the rest_api_include tag don’t need to be added on the structure as it has been explicitly registered in restful services.

Enrich automatically generated form

Based on the structure configuration, the form fields will automatically honour the structure properties description: type, label, compulsoriness, max-length. You can still enrich this default configuration by adding config in portal to fine tune the registration form.

Adding properties to fields description for the targeted structure can be done in $.edit.<targetstructure>.fields

For instance, the default email property in the base configuration is defined as follow:

{
  default: {
    "validators": {
      "email": null,
    },
    "description": {
      "tip-i18n": "signin.loginForm.mail.description"
    }
  }
}

Such configuration will apply a validation rule to the field to check that the value is a valid email address and add a description below the field corresponding to the tip-i18n key.

Disable the accept terms of use

You can deactivate (not show) the “I accept terms of use” checkbox by setting $.register.displayCGU to false