Handbook X Coordinator WebUI Manual

3.8 Section Management

A section is a unit of content within a book. You can add various types of content such as PDF, images, videos, and web links as sections.

Section List Screen

Click on a book name in the book list to display the section list screen.

Screen Layout

Display Items

Item Description
Section Name Name of the section
Type Type of section (PDF, image, video, etc.)
Size File size
Updated Last updated date and time

3.8.1 Creating Sections

To create a new section, click the Add Section button. The "Create Section" dialog appears, allowing you to select the type of section to create.

Section Types

Type Description
Photo Section Create a section by uploading image files (JPEG, PNG, GIF, WebP, etc.)
Movie Section Create a section by uploading video files (MP4, MOV, etc.)
Website Section Create a section by specifying a web page URL
PDF Section Create a section by uploading a PDF file
Multi-file Section Create a section containing multiple files

Creating a Photo Section

  1. Click Photo Section in the "Create Section" dialog
  2. The file selection dialog appears
  3. Select an image file
  4. Enter section information and click Save

Creating a Movie Section

  1. Click Movie Section in the "Create Section" dialog
  2. The file selection dialog appears
  3. Select a video file
  4. Enter section information and click Save

Creating a Website Section

  1. Click Website Section in the "Create Section" dialog
  2. The Website Section creation dialog appears
  3. Enter the following information:
Item Required Description
Title Name of the section
URL URL of the web page
Description - Description of the section
  1. Click the Save button

Tip: Website sections are convenient for linking to internal portals or external services.

Creating a PDF Section

  1. Click PDF Section in the "Create Section" dialog
  2. The file selection dialog appears
  3. Select a PDF file
  4. Enter section information and click Save

Creating a Multi-file Section

You can create a section that contains multiple files and web pages.

  1. Click Multi-file Section in the "Create Section" dialog
  2. The "Edit Section" dialog appears
  3. Enter the following information:
Item Required Description
Title Name of the section
Description - Description of the section
  1. Add content:
  2. Add files: Click the Add button to select files
  3. Add web pages: Click the Add Web button and enter a title and URL
  4. Added content appears in the "New Section" list
  5. Edit the Title of each content as needed
  6. Remove unwanted content using the Delete button (Delete)
  7. Click the Save button

Tip: Multi-file sections are useful when you want to manage related documents (PDFs, images, videos, etc.) and web pages together.

3.8.2 Supported File Formats

Supported File Formats List

Category Supported Formats
Documents PDF, Word (.doc, .docx), Excel (.xls, .xlsx), PowerPoint (.ppt, .pptx), Pages, Numbers, Keynote, Text (.txt, .csv)
Images JPEG, PNG, GIF, WebP
Videos MP4, MOV, etc.
Audio MP3, M4A, etc.

Note: Office format files (Word, Excel, PowerPoint) are automatically converted to PDF.

Drag and Drop

You can also upload files by dragging and dropping them onto the browser screen.

3.8.3 Editing and Removing Sections

Editing a Section

  1. Click the Edit button (Edit) of the section you want to edit
  2. The Edit Section dialog appears
  3. Modify the information
  4. Click the Save button

Editing Multi-file Sections

For multi-file sections, you can add/remove files and web pages, and change titles.

  1. Click the Edit button of the section
  2. The "Edit Section" dialog appears
  3. To add content:
  4. Files: Click the Add button to select files
  5. Web pages: Click the Add Web button and enter a title and URL
  6. Click the Delete button (Delete) to remove content
  7. Edit the title field to change content titles
  8. Click the Save button

Removing a Section

  1. Click the Remove button (Delete) of the section you want to remove
  2. A confirmation dialog appears
  3. Click the Remove button

Note: Removing a section also removes the files within that section. This action cannot be undone.

3.8.4 Reordering Sections

You can change the display order of sections.

Reorder by Drag and Drop

  1. Drag the section you want to move
  2. Drop it at the desired position

Reorder Using the Dialog

  1. Click the Reorder button
  2. The Reorder dialog appears
  3. Change the order of sections using the up/down buttons
  4. Click the Save button

← Previous: 3. Books | Next: 4. Share →