Customize User Registration

You can easily customize (disable/add panes/add columns/add rows) the user registration view.

  • From the admin panel, go to jApps >> Design >> Views
  • Locate "user registration" and click "elements" under Elements column
  • You should see all the elements of User Registration view
  • From the user registration elements page, you can disable/re-order the elements you want

Hint

If the view is not searchable, it means it is not installed yet. This is because the view is only installed when you visit it, because we do not install any unused views for optimization. Just visit the page you want to access and search again.

Notice

For some reason when you attempt to save an edited element, the system might ask you for a pick-list under "Field specific" tab, just select "Reserved Pick-list".

user-registration-be


Add Rows/Columns

You can also add rows and columns if you want the vendor registration to show in 2 columns or 2 rows.

In this tutorial, I'll show you how to set the user registration in 2 columns.

Things to note

  1. Do Not leave stray elements with no parents if you added panes and columns
  2. Do Not disable important elements like password, email, etc.. it could cause registration malfunction
  3. Any modified elements or new ones are set to 'uncore" by default so you can upgrade safely without being overwritten
  4. If the view is broken, Joobi support will reset the view to core similar to "reset to factory settings" in your gadgets. This means your modified view will be deleted to fix the problem.

  • From the user registration elements page, click New button to create a new element with a "Create Column" type and name it column 1 for easy identification.

 column-user-be

  • Create another column and name it column 2
  • Locate the existing top "Pane Containers" such as "Login and Register" where the elements are assigned.

top-panes-user

  • Edit the "Login" pane container and change the "Parent" from "TOP" to "Column 1"
  • Do the same process with the "Register" pane container however assign it to "Column 2".

login-column1

The elements listing should look like below after change the parent:

custom-user-format

 

Default user registration looks like this:

user-register-old

Customized user registration looks like this after adding columns:

user-register-2column