Mobile

It is increasingly important that websites offer specific “views” for mobile devices, where these “views” typically are separate sites that share some content with the “normal” website. CQ assists you in creating mobile websites: when authoring a mobile page, the page is displayed in a way that emulates the mobile device, called an emulator. When authoring the page, you can switch between several emulators to get a real view of what the end-user will see when accessing the page.

In the out-of-the-box version, devices have been grouped into three categories - feature, smart and touch - according to the capabilities of the devices to render a page . CQ allows to create new device groups. When the end-user accesses a mobile page, CQ detects the device and sends the representation that corresponds to its device group.

CQ enables you to create a mobile site based on an existing standard site. It can be simply achieved by creating a livecopy of the standard site.

When authoring a mobile page, the page is displayed in a way that emulates the mobile device, called an emulator. When authoring the page, you can switch between several emulators to get a real view of what the end-user will see when accessing the page.

To author a mobile page:

1. In your browser, go to the Siteadmin console.
2. Open the Products page below Websites >> Geometrixx Mobile Demo Site >> English.
   
3. Switch to a different emulator. To do so, you can either:
   
   • Click the device icon at the top of the page.
   • Click the Edit button in the Sidekick and select the device in the drop-down menu.
4. Drag and drop the Text & Image component from the Mobile tab of the Sidekick to the page.
5. Edit the component and add some text. Click OK to save the changes.
   

The page looks the same as the following:

With CQ it is possible to author webpages with an iPad. You can open a page on your iPad with the embedded Safari browser, view the page in preview mode, annotate-copy-cut-paste-annotate paragraphs, add pictures, activate the page, edit the page properties, start and complete a workflow.

To open a page:

1. On your iPad, open Safari, the embedded browser.
2. Enter the url of the page, eg:
   http://<hostname>:4502/content/geometrixx/en/company.html
   and tap Go on the keyboard.
   
3. The login page opens: enter your login credentials and tap OK.
4. The page is displayed.

To view the page in preview mode, tap Preview in the top toolbar: the page is displayed as it will appear on the publish instance and cannot be edited. Tap Preview to go back in edit mode.

The page is displayed as follows:

 To move a paragraph:

To add a picture:

To activate a page:

To edit the page properties:

1. Open the page.
2. Tap Page actions in the toolbar at the top of the page. A dialog showing the page actions opens.
3. Tap Properties in the Page actions dialog.
4. Edit the page properties.
5. Either:
   • Tap Back to go back to the page without saving the changes.
   • Tap Save in the dialog or tap Go on the keyboard to save the changes and to go back to the page.

The page properties dialog looks as follows:

To start a workflow on a page:

1. Open the page.
2. Tap Page actions in the toolbar at the top of the page. A dialog showing the page actions opens.
3. Tap Workflow in the Page actions dialog.
4. In the workflow dialog:
   1. Select the workflow in the drop-down menu.
   2. Set the title (optional).
   3. Set a comment (optional).
   4. Tap Start Workflow to start the workflow and to go back to the page.

The workflow dialog looks as follows:

To complete a workflow step on a page:

1. Open the page that is in a running workflow.
2. Tap Page actions in the toolbar at the top of the page. A dialog showing the page actions opens.
3. Tap Workflow in the Page actions dialog.
4. In the workflow dialog:
   1. Select the current step in the drop-down menu.
   2. Either:
      • Tap Complete to complete the step and to go back to the page.
      • Tap Step Back to set the workflow back to the previous step.

The workflow dialog looks as follows: