Handbook X Android App Manual

4. Section List

Tap a book to display the section list screen.

Section List Screen

All sections within the book are displayed. You can switch between grid view and list view.

Screen Layout

Toolbar Icons (left to right)

With editing permissions: 1. Refresh Icon (↻): Sync the book/sections 2. Sort Icon: Change section display order (Manual/Section Name/Created Date/Updated Date/Size) 3. Autoplay Icon: Configure and start autoplay for multiple sections 4. Edit Icon (Pencil): Enter edit mode 5. Reorder Mode Icon: Drag & drop to reorder sections (only shown when sort is set to "Manual") 6. View Toggle Icon: Switch between grid view and list view

Without editing permissions: - Only the autoplay icon and view toggle icon are shown

Section Display Area

Add Button

Section Display Content

Each section displays the following information:

Item Description
Section Name The section title (Grid view: upper left, List view: center)
Thumbnail A preview image of the content
Bookmark Icon Ribbon icon in the upper right (colored when a bookmark is set)

Bookmarks

You can set bookmarks (labels) on sections to highlight important ones.

Setting a Bookmark

  1. Tap the ribbon icon in the upper right of a section in the section list
  2. The "Edit Bookmark" dialog appears
  3. Configure the following settings:
  4. Bookmark: Turn the switch ON to enable the bookmark
  5. Use Custom Label: Enter an optional label text
  6. Color: Choose from 5 colors (blue, red, green, orange, purple)
  7. Tap "Save" to save the settings

Bookmark Display

Sections with bookmarks are displayed as follows:

In Grid View: - Label Band: If a custom label is entered, a colored band appears at the top of the section card with white label text - Ribbon Icon: A ribbon icon filled with the selected color appears in the upper right

In List View: - Label Text: If a custom label is entered, the label text appears to the right of the section name in the selected color - Ribbon Icon: A ribbon icon filled with the selected color appears on the far right

Removing a Bookmark

  1. Tap the ribbon icon of a bookmarked section
  2. Turn the "Bookmark" switch OFF in the "Edit Bookmark" dialog
  3. Tap "Save"

Creating Sections

If you have editing permissions, you can create new sections.

  1. Tap the "+" button at the bottom right of the screen
  2. A menu appears. Select the type of content to add:
  3. Take Photo: Capture a photo with the camera to create a section
  4. Record Video: Record a video with the camera to create a section
  5. Choose from Gallery: Select photos or videos from the gallery to create a section
  6. Add Files: Select PDF, image, video, or other files to create a section
  7. Add Website: Add a web page URL as a section

Tip: On the Android version, the "Take Photo" and "Record Video" options are available. You can capture content directly with the device camera.

Taking Photos & Videos

On the Android version, you can capture photos and videos directly with the device camera and add them to sections.

Taking a Photo

  1. Select "+" → "Take Photo"
  2. The camera app launches
  3. Take a photo
  4. A section is created with the captured photo

Recording a Video

  1. Select "+" → "Record Video"
  2. The camera app launches
  3. Record and save the video
  4. A section is created with the recorded video
  1. Select "+" → "Choose from Gallery"
  2. The gallery opens
  3. Select the photos or videos you want to add (multiple selection is supported)
  4. Sections are created

Adding Multiple Files

Select PDF, image, video, or other files from the file manager to create sections.

How to Add Files

  1. Select "+" → "Add Files"
  2. The file selection screen opens
  3. Select the files you want to add (multiple selection is supported)
  4. The "New Section" dialog appears:
  5. Section Title: Enter the section name
  6. Put all files into one section: When ON, all selected files are combined into a single section. When OFF, a separate section is created for each file
  7. Section Content: Displays the added files. Tap "Add Files" or "Add Website" to add more content
  8. Tap "Done" in the upper right to save

Supported File Formats

PDF - Supports page turning, zoom, and thumbnail display - Fullscreen display available

Images - JPEG, PNG, GIF (animation supported), WebP, BMP

Videos - MP4 (H.264/H.265), 3GP, WebM - Play/pause, seek controls

Adding Websites

Add a link to a web page as a section.

How to Add a Website

  1. Select "+" → "Add Website"
  2. The "New Web Section" dialog appears
  3. Enter the URL
  4. Enter a section title (the page title is automatically fetched if omitted)
  5. Tap "Done" in the upper right to save

Web Section Features

Note: Web sections cannot be viewed while offline.

Reordering Sections

You can change the display order of sections.

Changing the Sort Criteria

  1. Tap the sort icon Sort in the toolbar at the upper right
  2. The sort menu appears. Select a sort criteria:
  3. Manual: Freely reorder by drag & drop
  4. Section Name: Alphabetical order
  5. Created Date: Order by section creation date
  6. Updated Date: Order by last updated date
  7. Section Size: Order by file size
  8. A checkmark (✓) is displayed next to the currently selected criteria
  9. To toggle ascending/descending order, tap the arrow icon (↑/↓) to the right of the criteria

Manual Reorder Mode

When the sort criteria is set to "Manual", you can reorder sections by drag & drop.

Entering Reorder Mode

  1. Tap the reorder mode icon Reorder Mode in the toolbar at the upper right
  2. This icon is only shown when the sort criteria is set to "Manual"
  3. You enter "Reorder Sections" mode

Moving Sections

  1. Long press the section you want to move, then drag it
  2. Drop it at the desired position
  3. You can reorder multiple sections consecutively

Confirming or Canceling Reorder

Editing & Deleting Sections

Sections you have editing permissions for can be edited or deleted.

Note: To edit a section, the book must be downloaded (in local mode) in addition to having editing permissions. Sections in cloud reference mode cannot be edited.

Entering Edit Mode

  1. Tap the edit button (pencil icon) in the toolbar at the upper right
  2. In edit mode, the screen changes as follows:
  3. Upper Left: "Select All" button (select/deselect all sections)
  4. Upper Center: Selection status display ("X sections selected")
  5. Upper Right: "Done" button (exit edit mode)
  6. Upper Right of Each Section: Selection checkbox (round icon, in grid view)
  7. Bottom of Screen: Action bar (Edit, Copy, Map View, Export, Info, Delete)
  8. Tap a section to select it; a blue checkmark appears

Action Bar Buttons

The action bar contains the following buttons (left to right). Availability varies by selection count and permissions:

Button Single Selection Multiple Selection Description
Edit ✓ ✗ Edit section content
Copy ✓ ✓ Copy section to another book
Map View ✓ ✓ Configure map view settings
Export ✓ ✓ Export section in .hbs format
Info ✓ ✗ Display section details
Delete ✓ ✓ Delete section

Note: The "Edit" and "Info" buttons are disabled when multiple sections are selected.

Editing a Section

  1. In edit mode, select one section to edit
  2. Tap "Edit" at the bottom of the screen
  3. The section edit dialog appears:
  4. Title Bar: "Cancel" on the left, section name in the center, "Done" button on the right
  5. Section Title:
    • Title: Edit the section name
    • Description: Edit the section description
  6. Section Content:
    • Existing content is displayed (tap the red "−" button on the left to delete)
    • "Take Photo": Capture a photo with the camera and add it
    • "Record Video": Record a video with the camera and add it
    • "Add Files": Add new files
    • "Add Website": Add a new website
  7. Tap "Done" in the upper right to save

Deleting Sections

  1. In edit mode, select the sections you want to delete (multiple selection is supported)
  2. Tap "Delete" at the bottom of the screen
  3. An "Alert" dialog appears
  4. Confirm the message "Delete selected items?"
  5. Tap "OK" to delete (or "Cancel" to cancel)

Warning: Deleted sections cannot be restored.

Exiting Edit Mode

Autoplay

From the section list screen, you can automatically play multiple sections in sequence.

Starting Autoplay

  1. Tap the autoplay icon Autoplay in the toolbar at the upper right
  2. The "Autoplay" dialog appears

Autoplay Dialog Layout

Title Bar: - Close: Close the dialog (upper left) - Deselect All: Deselect all sections - Autoplay: Dialog title (center) - Play: Start autoplay (upper right)

Description: "Automatically plays the selected sections. To exit fullscreen mode, triple-tap the lower right area of the screen."

Autoplay Settings

Repeat Playback - When ON, playback repeats from the beginning after all sections have been played

Play Image Sections with Same Duration - When ON, the same playback duration is applied to all image sections - When OFF, you can set the duration individually for each section

Playback Duration - Shown when "Play Image Sections with Same Duration" is ON - Set the display time for each image section in seconds (default: 5 seconds) - Use the -/+ buttons to adjust

Select sections to play - Use checkboxes to select sections to play - Individual playback duration (seconds) is displayed to the right of each section - When "Play Image Sections with Same Duration" is OFF, you can set the time for each section individually

Starting Playback

Ending Autoplay

To end autoplay: - Triple-tap (tap three times) the lower right area of the screen

Note: The autoplay feature is not available on the Free plan. Upgrade to a paid plan (Personal, Team, Business, etc.) to use this feature.

Previous section: 3. Book List

Next section: 5. Content Viewer