Create a site page with a wizard in eXo Portal

Even if the new version of eXo Portal supports a WebOS layout, it is of course still possible to create pages with usual site layouts (nested colums, rows or tabs).

The process to create such a new page as been greatly improved and users can now go through a 4 steps wizard to create a new page. Javascript and AJAX are, here again, extensively used to provide a unique user experience for a web application.

First you can access the wizard once login from the left menu, inside the Administration item:

Select wizard

The first step allows you to select the name of the new page as well as its parent. You only see part of the page tree you have rights on:

Fill the page name

You then have to select a template for your page. Note that you can modify the template, with some cool drag and drop, in the next step.

Select a template for the page
Once the template selected, you will see the portlet list (sorted by portlet categories) in the left column. You can drag and drop them in the correct area within your template.
Drag and drop a portlet in the new page

After a drop, you will be able to edit the portlet properties such as its width and height, title or icon

After drop
If you also need to modify the template itself, you can easily do it by adding containers (columns, rows or tabs). In the next screenshot we add a 3 tabs container inside a container of the template. You can also drag and drop containers and portlets within the template.

Drag and drop containers

When you are satisfied, you can preview your new page to be sure all is perfect.

Preview the new page

After saving, you will see the page in the tree.

View the page

As simple as building lego toys :)

Be part of the discussion, share your comments

comments

Keep in touch with the author