Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


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 and final Publishing of the Content Type.



Uploading The Cover Icon:

Image Removed

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 Removed

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 Removed

Creation Options:

Image Removed

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.

Click the Update button.

Image Added


Image Added

The Cover Icon within the Content Details UI after upload:Image Added





To start building your book contents:

Image Removed

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:

Image Removed

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:

Image Removed

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:

Image Removed

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:

Image Removed

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:

Image Removed

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:

Image Removed

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:

Image Removed

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:

Image Removed

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:

Image Removed

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:

Image Removed

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:

Image Removed

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:

Image Removed

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:

Image Removed

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.Click the Build Components button.

Image Added



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.

Image Added


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.

Image Added

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.

Image Added

Image Added

Review of Build Component Types: 

Display Group component:

Image Added


Video Display component:

Image Added


Image Display component:

Image Added


PDF Display component:

Image Added


Audio Playback component:

Image Added



Rich Editor component:

Image Added


Panel Card component:

Image Added


Block List Display component:

Image Added



Info
titleRich Editor Component

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

Rich Editor component:

Image Removed

Image Removed

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 Removed

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:

Image Removed

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.

Image Removed
Image Removed

To start building your book:

Image Removed

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.

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

Image Added

Creating text within the Rich Editor Component:

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

Image Added

Click the Preview Section button to preview your edits:


Image Added

The device / aspect ratio preview:

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

Image Added



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

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

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:

Image Removed


Page Tree
expandCollapseAlltrue
searchBoxtrue


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.