Use custom detail page

JooProfile has lots of options to style the default profile pages. From tabbed, to un-tabbed, and also completely custom.

This article shows you how to setup a completely custom profile page, as you can find in the example under demo's / custom profile demo

1. First setup the module with a list to start.
2. Enable detail view in the list
3. Go to the tab detail view and select the option Initial detail view and set it to Custom
   
   
   
   
   
   
4. Now you will see 2 extra fields:
   Available fields : a cheatsheet if you will for the ID's (that you need as shortcode) and the field available
   Custom view :  the HTML fields you can use to style your custom profile page. 
   
   
   
   
   
5. Simple place the ID for the custom field between brackets to have it replaced for the value. Like [2] to have the value of field with id 2 show up. See example image above.

You can use html / css / javascript as you wish to create a custom view.