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 16 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 and a review of Content Metadata.


Uploading The Cover Icon:

Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.

Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.



Creation Options:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc suscipit dignissim diam, quis iaculis libero malesuada in. Aliquam erat volutpat. Proin a nibh et massa volutpat euismod ut sed dui.


To start building your book contents:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.



Adding a section:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


Labeling a component:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


Editing a new section:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


Adding a component to a section:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


Selecting a component type:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


Display Group component:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


Video Display component:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


Image Display component:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


PDF Display component:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


Audio Playback component:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.



Rich Editor component:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


Panel Card component:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


Block List Display component:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.

Rich Editor Component

This is the most widely used book building Component so we will put special focus on it.

Rich Editor component:

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.

Integer accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.



To start building your book:

nteger accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


To start building your book:

nteger accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


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

nteger accumsan nisi eget magna pellentesque, at lobortis eros mollis. In erat lectus, ultricies ut risus eget, condimentum dictum nisl. Fusce mollis dolor id metus laoreet, id volutpat arcu pellentesque. Morbi eros turpis, rutrum at tincidunt sit amet, aliquam vitae leo. Mauris efficitur magna ante, in fringilla risus egestas ut.


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