Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 17 Next »


WELCOME to the Book/Component Canvas Content Type creator, this is the most media-rich of the Content Types so it will have the lengthiest review. 

The Book Content Type allows the embedding of various Build Components and creates a powerful Content Type for multi-format information dispersal, the 8 Build 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, making it available for the User to view.

  3. Image Display
    The Image Display component allows an Author to upload an image file to a Book, making it available to the User to view.

  4. PDF Display
    The PDF Display component allows an Author to upload a PDF file to a Book, making it available to the User to view.

  5. Audio Playback
    The Audio Playback component allows an Author to upload an audio file to a Book, making it available to the User to listen to.

  6. Rich Editor
    Rich Editor is a simple WISIWYG text editor, allowing for document-like creation of text. Headers, paragraphs, lists, and more are available as tools.

  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.

  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:

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

This is the most dynamic Building Component so we will put special focus on it.

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.

To start building your book:


Expand all   Collapse all

Proin varius sit amet metus ut facilisis. Proin molestie a erat eget tempor. Aliquam erat volutpat. Nullam eleifend, est at euismod molestie, velit mi iaculis felis, vitae ultricies mi nunc eu magna.


Frequently asked questions

  • Lorem Ipsom
  • Add other helpful information.


Other resources

  • Include links to relevant external sites and services.
  • Add other helpful information.


  • No labels