2,004
edits
Changes
no edit summary
==Overview==
The Arcadia X layout picker enables the point-and-click configuration of portal sections using pre-made templates and the choice of Arcadia X themes and backgrounds. All Arcadia X sections built using the layout picker will be formatted for optimal viewing on a wide rage of devices. For novice users and those not familiar with html, the Arcadia X layout picker provides pre-made templates with various layouts eliminating the need for technical know-how. Arcadia X layouts built using the layout picker are responsive by default, making them accessible on devices with different screen sizes and resolutions.
==How to Create an Arcadia X Section Using the Layout Picker==
4. Here you can either create a new role or edit an existing role. Once you've created a new role or clicked on an existing role the '''Edit Roles''' page will be displayed.<br />
5. From the tab options displayed at the top of the page, click on '''Arcadia X'''. If this role was not configured with a portal before add a checkmark to the '''Activate''' checkbox and click '''Save'''.<br />
[[image:Layout_picker_1_arcadia_x_tab.png|link=|600px]]<br />
<br />
6. Under the '''Action Tabs''' Section, click on the '''Add''' button.<br />
<br />
[[image:Layout_picker_2_Action_Tabs.png|link=|600px]]<br /><br />
7. Complete the required fields: Display Order, Caption, Description, Content Type (Select the '''Sections ''' radio button), URL (if necessary).<br />* '''Note''' - The Layout Picker is only available through the '''"Sections " Content Type'''.<br />
8. Click '''Save''' to continue.<br />
9. The '''Sections''' section is displayed.<br />
10. Under the '''Sections''' section, click on the '''Add Layout''' button.<br />
11. Displayed is the '''Layout Picker''' lightbox. Displayed are the available layout themes. Select the layout theme you want to build by clicking on the desired layout.<br />
[[image:Layout_Picker_3_lightbox.png|link=|400px]]<br />
<br />
12. Displayed is the '''Layout Picker''' Section Designer. The Section Designer allows the easy population of content into a specific Arcadia X Section.<br />
* Note: The section highlighted in blue is the section that you are currently editing.<br />
13. Complete the following sections:<br />
14. Click '''Save''' when complete.