Exercises

The Xurrent Self Service Design Training will guide you through the following exercises:

1. Structure of the Self Service Portal
2. Bootstrap
3. First Steps: the Search Bar
4. The Logo
5. Media Queries
6. Cards
7. Give It Some Space
8. Add the Navigation Bar to the Homepage
9. Add the Dropdown Menu
10. Styling the Homepage
11. Styling Other Self Service Pages
12. Styling the Cards
13. Styling the Global Navigation Menu
14. Finishing Touches

To complete the exercises, access your Xurrent instance at 4me-demo.com by entering the name and password of the instance. Once you have accessed your instance, select the Xurrent account of GlobalNet.

If you do not yet have access to a Xurrent instance, you can request one by going to the Xurrent website.

For this training, it is recommended to have 2 browsers open, one for the designer and another one for the end user.

Go ahead and log in as Frederic Anderson. Frederic has the ‘Account Designer’ role in the GlobalNet account. He is responsible for the design of the GlobalNet Self Service Portal.

In another browser, log in as Red Williams. Red Williams is a user of International Oilwell Specialists, a customer of GlobalNet (GlobalNet provides the ‘Internet Access’ service to International Oilwell Specialists).

All passwords in your training instance have been set to 4me. For training purposes we use easy to remember passwords, since you will switch users with  different roles quite often during the exercises. The passwords do not reflect the strict password requirements Xurrent has for its own employees, nor the requirements your organization will set in the Xurrent system for you.

Make sure you verify the settings of your training instance when it has been used by someone else. Go to the Settings console (5th icon in the toolbar). In the left pane at the bottom you will find the menu options 'Instance Options' and 'Instance Reset'. Click on 'Instance Options' to enter your email address in the Forwarding email address field. Click on the 'Instance Reset' menu option to reinitialize the data in your demo instance.

Click on the button below to get started with the first exercise.

Start Exercise 1