BOOKS are the most media-rich of the content-types. Books are organized by sections, like chapters, with each section allowing the embedding of various components that can be grouped, arranged, and nested.
To create book content, navigate to the Book section under Content Publishing in the left-hand navigation menu, then click on “Create Book” button at the top right. In the resulting popup menu, name your book content and designate an author. This will bring you to the Details section of your book and allow you to start building your content.
In the Details section, you can add an icon that will function as the cover photo for the book. You can also add a description of the book’s contents. Tags can also be added before creating the content.
To begin creating the book, select Builder from the options in the top taskbar.
| Info |
|---|
Note: This tutorial specifically refers to the Builder section of the Publishing Wizard. Detailed instructions on Details, Categories, Collection, and Publish tabs of the Publishing Wizard can be found here. |
Creating a New Section
To create a new section, click “+ Create First Section” in the center (or the “+ Add Section” button near the bottom left) and name the section. Clicking the arrow to the left of the name of the section will display the contents within the section and allow you to add new components or preview the section’s content. Clicking the arrow again will collapse the section.
Creating a New Component
To add a new component to a section, make sure the section is open (arrow will be pointing down), and click the “+ New Component” button underneath the section’s name. This will open a popup menu that allows you to choose the type of component to create.
Below are the nine component-types possible within the book, divided into Information Display Components and Media Asset Components:
Information Display Components:
Group
The group component is used solely for organizing and nesting content within a section. After selecting Group as a component-type, you’ll be required to name the group. To add components to the group, open the group by clicking the arrow to the left of the name of the group and click the “+ New Component” button. This will result in a popup menu that allows you to choose the type of component to create within that group.
| Info |
|---|
Note: There’s no limit to the amount of groups that can be nested under each section. |
List
The list component allows you to create a list of text-based content to be displayed. After choosing List in the component popup menu, the right side of the menu will display the List Items section, allowing you to add as many list items as you wish.
To add a new list item, click the “+ Add List Item” button in the List Details section. This will display a small text-editor box to type or paste your list item into. This text-editor box does not have the same text markup capabilities as the editor and card but does allow you to bold, italicize, and/or underline your text.
| Info |
|---|
Note: Your list items can be rearranged easily by clicking on the hamburger menu (three solid lines) left of the text-editor box and dragging it up or down to its desired position. |
Editor
The editor component consists of a simple WYSIWYG rich-text editor, which allows you to create text-based content. After choosing Editor in the component popup menu, the right side of the menu will display the text editor. This editor box allows you to type or paste in any text-based content and format it using the text markup buttons on top of the editor box.
| Info |
|---|
Note: The editor component does not offer a code-based version of the text editor or accept any code strings for additional markup. |
Linkable Content
The linked component allows you to link to any published piece of content you have access to within the branch for which you are creating content. After choosing Linkable Content in the component popup menu, the right side of the menu will display the Linked Details section, allowing you to label the linked content and select the content to be linked.
First, label the linked content in the label text-editor box. Then, to link content within your book, click the “Select from Collection Content” button. The resulting popup window will display all of the published content within your branch that you have access to. Scroll to find the desired content, click on the content (this will display the content’s title, author, icon, and description), and click the “Use Selected Content” button at the bottom right. Any content selected will preview below, and additional items can be chosen by clicking the blue button that will now display as “Change Connected Content.”
Card
The card component is similar to the editor component in that it consists of a simple WYSIWYG rich-text editor, but the text within the card component will be displayed in a colored box. After choosing Card in the component popup menu, label the card and then type or paste the text into the editor box and format it however you’d like.
Below is an example of how the card component visually calls out the text entered in the label and text-editor box:
Media Asset Components:
Audio
The audio component allows an audio file to be embedded within a section or group of a book. After choosing Audio in the component popup menu, the right side of the menu will display the Audio Details section, allowing you to label and select/upload the audio file.
To select/upload the audio file, scroll down to the “Connected Media Asset” section and click the “Select Media Asset” click the “Select audio asset” button. The resulting popup menu allows you to select an existing media asset or upload a new media asset.
| Info |
|---|
Note: PLEASE use the search bar under the “Select existing Media Asset” section to search for your media asset before uploading a new one to prevent multiple copies of large media files. |
To select an existing media asset, either scroll through the available media or use the search bar at the top right to find the desired media asset, click on the media asset (this will display a preview, the label, and some metadata), and click the “Link this asset” “Use selected media” button at the bottom right.
To upload a new media asset, click the “Upload a new Media Asset” audio” tab at the top right of the popup menu. First, label the audio file (this will be the name of the audio file in your media assets database). Then, either drag and drop the media file into the popup window or click on the “Click or Drop file” “Select File” button near the top left and select the desired file from your computer. Once the file has successfully loaded, click the “
Upload” Create new audio asset” button at the bottom right.
Image
The video image component allows a video an image file to be embedded within a section or group of a book. After choosing Video Image in the component popup menu, the right side of the menu will display the Video Image Details section, allowing you to label and select/upload the videoimage.
To select/upload the video, scroll down to the “Connected Media Asset” section and click the “Select Media Asset” image, click the “Select image asset” button. The resulting popup menu allows you to select an existing media asset or upload a new media asset.
| Info |
|---|
Note: PLEASE use the search bar under the “Select existing Media Asset” section to search for your media asset before uploading a new one to prevent multiple copies of large media files. |
To select an existing media asset, either scroll through the available media or use the search bar at the top right to find the desired media asset, click on the media asset (this will display a preview, the label, and some metadata), and click the “Link this asset” “Use selected media” button at the bottom right.
To upload a new media asset, click the “Upload new Media Asset” tab at the top right of the popup menu. First, label the video image (this will be the name of the video image in your media assets database). Then, either drag and drop the media file into the popup window or r click on the “Click or Drop file” “Select File” button near the top left and select the desired file from your computer. Once the file has successfully loaded, click the “ Upload” Create new image asset” button at the bottom right.
ImageThe image PDF component allows an image file a PDF document to be embedded within a section or group of a book. After choosing Image PDF in the component popup menu, the right side of the menu will display the Image PDF Details section, allowing you to label and select/upload the imagePDF.
To select/upload the image, scroll down to the “Connected Media Asset” section and click the “Select Media Asset” PDF, click the “Select pdf asset” button. The resulting popup menu allows you to select an existing media asset or upload a new media asset.
| Info |
|---|
Note: PLEASE use the search bar under the “Select existing Media Asset” section to search for your media asset before uploading a new one to prevent multiple copies of large media files. |
To select an existing media asset, either scroll through the available media or use the search bar at the top right to find the desired media asset, click on the media asset (this will display a preview, the label, and some metadata), and click the “Link this asset” “Use selected media” button at the bottom right.
To upload a new media asset, click the “Upload new Media Asset” tab at the top right of the popup menu. First, label the image PDF (this will be the name of the image PDF in your media assets database). Then, either drag and drop the media file into the popup window or click on the “Click or Drop file” “Select file” button near the top left and select the desired file from your computer. Once the file has successfully loaded, click the “ Upload” Create new pdf asset” button at the bottom right.
PDFVideo
The PDF video component allows a PDF document video file to be embedded within a section or group of a book. After choosing PDF Video in the component popup menu, the right side of the menu will display the PDF Video Details section, allowing you to label and select/upload the PDFvideo.
To select/upload the PDF, scroll down to the “Connected Media Asset” section and click the “Select Media Asset” video, click the “Select video asset” button. The resulting popup menu allows you to select an existing media asset or upload a new media asset.
| Info |
|---|
Note: PLEASE use the search bar under the “Select existing Media Asset” section to search for your media asset before uploading a new one to prevent multiple copies of large media files. |
To select an existing media asset, either scroll through the available media or use the search bar at the top right to find the desired media asset, click on the media asset (this will display a preview, the label, and some metadata), and click the “Link this asset” “Use selected media” button at the bottom right.
To upload a new media asset, click the “Upload new Media Asset” tab at the top right of the popup menu. First, label the PDF video (this will be the name of the PDF video in your media assets database). Then, either drag and drop the media file into the popup window or click on the “Click or Drop file” “Select file” button near the top left and select the desired file from your computer. Once the file has successfully loaded, click the “ Upload” Create new video aset” button at the bottom right.
Previewing Sections
Each section is available for preview before publishing. To preview a section, open the section by clicking the arrow right left of the section name, then click the “Preview Section” button. This will result in a popup window displaying the section’s contents as they would appear on a phone, tablet, and landscape (pc or other larger screens). To toggle between the different preview sizes, click on the desired preview-size tab at the top of the preview window.
Rearranging the Order of Sections and Components
The book component-type allows you to rearrange your content however you’d like using the drag-and-drop method.
Rearranging Sections
To rearrange sections, you must first collapse all sections by either clicking the arrows right left of the section’s name or clicking the “Fold all” button near the bottom right of the component tree. When all sections are collapsed, click on the hamburger menu (three solid linesrearrange icon (six squares in two columns) left of the section name and drag it up or down to its desired position. If a section is open, the hamburger menu rearrange icon turns into a lock, indicating that section positions are locked and cannot be rearranged until all sections are collapsed.
Rearranging Components
To rearrange components, you must first collapse all components within the same nested group by clicking the arrows right left of the component name until the lock left of the component name turns into a hamburger menu (three solid linesrearrange icon (six squares). When the appropriate components are collapsed, click on the hamburger menu rearrange icon and drag it up or down to its desired position.
| Page Tree | ||||
|---|---|---|---|---|
|