Books / Component Canvas

BOOKS are the most media-rich of the Content Types. 

The Book Content Type allows the embedding of various Components. The 8 Component Types possible within the Book are as follows:

1. Display Group
   A Display Group is a generic method to allow grouping of questions as a subcatagory of their current level. There is no answer field to this component, so any text provided here will be for display only.
   
   
2. Video Display
   The Video component allows an Author to upload a video file to a Book, embedding it within other media types, such as text or other videos.
   
   
3. Image Display
   The Image Display component allows an Author to upload an image file to a Book, embedding it within other media types, such as text or other videos.
   
   
4. PDF Display
   The PDF Display component allows an Author to upload a PDF file to a Book. The PDF component is helpful for incorporating existing, stylized content within the apps in a manner consistent with their original design.
   
   
5. Audio Playback
   The Audio Playback component allows an Author to upload an audio file to a Book so that users can listen to the audio so long as they remain in the section within which that Audio Playback component resides.
   
   
6. Rich Editor
   Rich Editor is a simple WISIWYG text editor, allowing for document-like creation of text. This tool is helpful for creating headers, paragraphs, lists, and other text.
   
   
7. Panel Card Block List Display
   Panel Card provides your UI with a card-styled text container to a viewer, displaying a heading label and simple rich-text body within your document. This component is helpful for asides, such as anecdotes or definitions which is helpful to separate from other text. 
   
   
8. Block List Display
   Block List Display shows information to a User as a primary or emphasized list of points, implying greater importance of information than the normal lists within rich text editing.
   

Content Details UI - Book:

This screen allows the creation of the Books Title, Author, Description, uploading of the Cover Thumbnail, access to the Build Components, updating of Catagories, a review of Content Metadata and final Publishing of the Content Type.

Uploading The Cover Icon:

(You will find further information regarding Content Creator visual assets here)

Click the Update button.

The Cover Icon within the Content Details UI after upload:

To start building your book contents:

Click the Build Components button.

Adding a section:

Click the +Add Section button. It should be noted that Build Components may be created, ordered and re-ordered Ad infinitum per your desired organization. Sections may be loosely considered as a Chaptering analog but with much greater organizational flexibility. 2 differing examples of Section/Build Component ordering will be displayed further in this instruction.

Labeling a component:

After clicking the +Add Section button, click within the left hand displayed dialog, the Label dialog will appear and you may now label the Section.

Adding a component to a section and selecting a Component type:

Click the "+" Top Section within the Section Edit Box, next click the +New Component button which will reveal the Information Display Dialog, you may now choose your new Component.

Review of Build Component Types: 

Display Group component:

Video Display component:

Image Display component:

PDF Display component:

Audio Playback component:

Rich Editor component:

Panel Card component:

Block List Display component:

Rich Editor component:

The Rich Editor Component gives the most flexible text formatting tools, allowing for a robust layout potential for ones documents.

Creating text within the Rich Editor Component:

Click within the text edit dialog to begin typing, pasting or formatting text as required.

Click the Preview Section button to preview your edits:

The device/aspect ratio preview:

You may now see a live preview of your edits in Phone, Tablet or Landscape views.

Add a new Component to a section: (Image Display)

Click the +New Component button which will reveal the Information Display Dialog again, you may now choose the Image Display Component.

Label and upload your image:

Click the Upload Image button.

Drag a file onto the upload dialog box or select a file. Click the Upload button.

Your image will now be visible.

Click the Preview Section button to preview your image in the Section:

Re-Order Components within a Section:

To re-order a component block within a section, select the component block and drag it up or down to the desired order.

Publishing your Book to the Content Library:

Return to the Content Details UI, click the Publish Content button.

Your book is now Published to the Content Library and is ready for linking to a Collection.

2 examples of Book formatting approaches:

1st, an example beside multiple items and Component types in one section.

Preview of Section:

2nd, an example in a more traditional Chapter format using Sections as Chapters.