How can we help you publish with Fluid 360?

Welcome to Kitaboo Fluid 360

Fluid 360 is an AI-assisted publishing platform that turns traditional fixed-layout content (like PDFs) into responsive, accessible, interactive digital publications — optimized for desktop, tablet, and mobile.

Who is it for?

What can you do with it?

User roles

Fluid 360 supports collaborative workflows across Administrators, Producers, Authors, Editors, Reviewers, Commentors, QA Teams, and Accessibility Teams — each with the right level of access.

What is Reflowable Content?

Reflowable content automatically adapts to any screen size, orientation, or reader preference — unlike a fixed PDF, which forces readers to pinch, zoom, and scroll sideways on small screens.

How Fluid 360 Works — The Big Picture

Every publication moves through the same simple pipeline. Understanding these stages makes everything else in this guide click into place.

Supported File Formats

Fluid 360 accepts three source formats. Which one you use determines whether the AI conversion step is needed.

Create Your First Project

This guided flow takes you from logging in to a fully AI-converted draft. Follow each step — every screenshot shows exactly what you'll see.

🚀

Guide: Start a new Fluid 360 project

7 steps · ~5 minutes + conversion time

1

Log in to Kitaboo Studio

Sign in with your Kitaboo Studio account credentials.

2

Click Start New Project

You'll find it on your Studio dashboard.

3

Select Kitaboo Fluid 360

Choose Fluid 360 as your project type.

4

Upload your source file

PDF, DOC/DOCX, or EPUB — see supported formats.

5

Configure metadata

Fill in book title, author, description, ISBN, language, category, keywords/tags, and cover image. Good metadata improves discoverability.

6

Select a theme

Pick a starting look — you can fully customize it later in Theme Customization.

7

Click Convert to start AI conversion

The AI engine detects document structure, reading order, headings, and images; creates semantic tags; and generates accessibility-friendly alt text.

Your converted project — ready for validation in the Editor Platform

Choosing an AI model

Fluid 360 offers two AI models. Pick based on your content type:

Editor Platform Tour

The Editor Platform is your quality-assurance stage between AI conversion and authoring. Here you validate structure, fix tags, correct reading order, and clean up layout — so every page is accessible and learner-ready before enrichment.

The Editor Platform workspace

Know your workspace

Draw & tag containers

Containers define content regions on a page — a heading, a paragraph, an image. Draw them wherever the AI missed something.

✏️

Guide: Draw a new container

5 steps

1

Click Draw Container

Found in the top toolbar.

2

Drag across the page

Draw a box around the content region you want to capture.

3

Release to open Select Tag

The tag picker appears automatically.

4

Pick a tag type

Headings, paragraphs, images, figures, tables, links, callouts, or accessibility tags.

5

Click Apply

Your container is tagged. You can resize it or change the tag any time.

Fix the reading order

Reading order determines how screen readers move through the page — getting it right is essential for accessibility.

🔢

Guide: Set the correct reading order

4 steps

1

Enable Reading Order mode

From the View Tags menu.

2

Select and shuffle content into sequence

Changes appear instantly in the Preview panel.

3

Rearrange if needed

Clear, reset, or re-select the order — the default order can always be restored.

4

Save the sequence

Always validate reading order before moving on.

Crop the page layout

Remove headers, footers, borders, and watermarks that don't belong in the learning content.

✂️

Guide: Crop unwanted page regions

5 steps

1

Enable Crop Layout mode

2

Select the area to keep

Everything outside the selection will be removed.

3

Choose the scope

Apply to the current page, all pages, or a specific page range.

4

Preview and adjust

Check the result before committing; tweak the crop region if needed.

5

Click Apply and save

Clean up unnecessary divs

AI conversion can leave behind redundant container structures. Removing them gives you cleaner HTML and better responsive behavior.

🧹

Guide: Remove redundant divs

4 steps

1

Open the structure hierarchy panel

Identify unnecessary or deeply nested div containers.

2

Choose what to remove

Empty tags, or all parent and child divs — for the current page or all pages.

3

Click Yes, Remove

4

Review in Preview, then save

Validate content alignment and formatting after removal.

Undo & redo

Made a mistake? Every editing and structural action can be reverted.

Click Undo to revert the most recent change — repeat to step further back

Click Redo to restore changes you reverted

The recommended Editor workflow

✅

Putting it all together

The order that works best

1

Crop layout (if required)

2

Remove redundant divs (if required)

3

Review page images

4

Draw content regions & apply tags

5

Configure tables

Add/remove rows and columns, merge cells, configure headers — finish table setup before requesting content.

6

Request content & review the preview

7

Validate reading order

8

Click Convert

Handy: delete multiple tags at once

Enable Multi Selection from the View Tags menu, select several tags, and delete them together.

Multi Selection enabled for bulk actions

Group Pages & Build the TOC

Page Grouping organizes converted pages into chapters and sections. Once the hierarchy is set, Fluid 360 automatically generates a multi-level Table of Contents.

🗂️

Guide: Create page groups

6 steps · ends with the book in Transformed state

1

Click Add

2

Define the parent node

e.g. a chapter or unit name.

3

Enter the page range

The pages that belong to this group.

4

Repeat for additional sections

Click Add again for each chapter/section.

5

Click Save

6

Pick a template style and click Save this Style

This converts the book to the Transformed state — ready for authoring.

How TOC levels map to headings

Authoring Platform Tour

The Authoring Platform is your central workspace for enhancing and finalizing publications — a WYSIWYG environment for interactivity, media, themes, and styling, with no coding required for everyday tasks.

Once your book is in the Transformed state, click Start Authoring to open the authoring shell:

The Start Authoring button appears when the book is transformed

What you can do here

Visual editing & multi-device preview

Edit content visually: add or remove components, rearrange widgets with drag-and-drop, apply styling, and see changes instantly.

Rearranging components with drag-and-drop

The authoring toolbar with rich-text formatting: bold, italic, lists, links, colors, equations, and more

Preview your work across Desktop, Tablet, and Mobile at any time to validate responsiveness:

Multi-device preview — desktop, tablet, and mobile side by side

Rich text formatting available

HTML editor & custom CSS

For advanced customization, edit the HTML structure directly or apply custom CSS.

The HTML Editor — edit content, insert custom blocks, manage responsive structures

Custom CSS — typography, spacing, responsive styling, component overrides

Custom-styled interactive content in action

Add interactive learning activities

Choose from ten activity types to make content engaging:

🎯

Guide: Add any widget

The same 6 steps work for every activity type

1

Select a widget

2

Drag and drop it into the layout

3

Configure its settings

4

Add your text inputs

Questions, answers, feedback, labels.

5

Save the widget

6

Preview the interaction

Test it exactly as a learner would.

Multimedia you can insert

Images, audio, video, HTML interactive packages, cards & callouts, rounded images, chips, and image-with-text layouts — all responsive across devices.

Multimedia component options

Build responsive tables

Tables in Fluid 360 are fully responsive with scrolling support. Everything is point-and-click:

Add or remove rows and columns

Merge or unmerge cells

Configure headers and captions

Apply predefined table styles

You can also insert images and equations into cells, and add comments within tables.

Customize your theme

Create a visually consistent, on-brand publication with reusable custom themes.

Theme browsing with real-time preview

🎨

Guide: Create a custom theme

5 steps · your theme is then reusable across the theme list

1

Go to Theme Options → Make a Copy

2

Rename your theme

3

Customize typography

Font families, custom font uploads, sizes (PX/REM/EM), weights — for Title, Headings 1–6, component headers, and paragraph text.

4

Update colors

Palette colors, text and background colors, and component color mapping — with instant preview.

5

Click Create Style (or Update Style)

Your theme is saved and applied.

Manage the Table of Contents

Open it from Left Sidebar → Contents Tab. Click any entry to jump straight to that page.

The TOC panel — hierarchy, active-page highlighting, and lock indicators

Add a new page

Click Add Page, enter a title, choose the position (above or below the selected entry), and save.

Adding a page from the TOC panel

Restructure freely

Rename, indent/outdent, delete, and drag-and-drop entries to reorganize. The platform validates hierarchy rules automatically and blocks invalid placements.

Drag-and-drop restructuring

Automatic hierarchy validation

Glossary links, internal links & external links

Select any text in the editor and choose a link type. The same flow applies to all three.

Select text → Link Glossary

🔗

Guide: Apply a glossary link

5 steps

1

Select text in the editor

2

Open Link Glossary

3

Search and select a term

Filter alphabetically; preview definitions, pronunciation audio, images, videos, and translations.

4

Review the preview

5

Click Apply

The text is linked. You can edit or unlink later.

Internal links

Connect content to another location in the same publication — chapters, sections, components, tables, or media elements.

Internal link targets

External links

Link to websites, email addresses, phone numbers, FTP, or SMS.

External link options

The Asset Library

Upload, organize, preview, and reuse media across all your publications from one place.

The Asset Library

Uploading assets

Search and filter your media

Click the edit button to update asset metadata

The metadata edit panel

AI-generated alt text

For images, click Generate to create AI-based alt text and long descriptions. Regenerate, pick a language, or fine-tune the wording — all saved directly into the publication.

One click to generate accessibility descriptions

Alt text generated automatically

Import chapters from files or other books

Open Left Sidebar → Upload to import external files (DOC, DOCX, EPUB, XHTML) or merge chapters from other publications. The TOC updates automatically after successful imports.

The Upload panel

📥

Guide: Merge chapters from another book

5 steps · processing continues even if you close the panel

1

Click Add (+) → Add Chapter

2

Select the source publication

3

Choose the chapters you need

4

Start the merge and watch progress

5

Wait for status Completed

Merged chapters keep their layout, media, and interactivities — and adopt the destination book's theme.

Make Your Publication Accessible (WCAG)

The built-in WCAG panel finds accessibility issues, takes you straight to the affected content, and re-validates your fixes — supporting WCAG 2.0 A/AA, 2.1 AA, 2.2 AA, and Best Practices levels.

Open it from Left Sidebar → WCAG. You'll see a book-level violation summary plus chapter-wise results.

Understand severity first

♿

Guide: Find and fix accessibility issues

Repeat until the issue count reaches zero

1

Open the WCAG panel and pick a chapter

Selecting a chapter opens the corresponding content in the editor and highlights the affected element automatically.

2

Fix the issue in the editor

Example: updating a header level from Heading 4 to Heading 3 to repair the hierarchy. Media issues (like missing alt text) can be fixed right in the panel.

3

Save the page

Validation only runs on saved changes.

4

Click Validate

5

Watch the issue count drop

Here the count went from 6 to 5 — keep going until you're clear.

What gets checked

• HTML checks: heading hierarchy, semantic structure, link accessibility, reading order, structural compliance, accessibility markup
• Media checks: image accessibility and missing alt text

Comments & Collaboration

Editors and reviewers work together with threaded comments, @mentions, and status tracking — all synchronized with the publication content in real time.

Who can do what

💬

Guide: Add a comment

Works on text, images, video, audio, tables, widgets, equations, and interactive components

1

Select content in the editor

2

Click Add Comments

3

Write your comment and @mention teammates

Mentioned users are notified and appear in the thread.

4

Click Reply to post

Working with threads

Browse discussions in the Comments panel under All / Open / Closed tabs, grouped by chapter. Selecting a comment highlights the linked content in the editor. Replies sync in real time across collaborators.

A live comment thread

Resolve and manage discussions

Authorized users close completed discussions with Marked as done. Closed threads stay accessible and can be re-opened with a new comment.

The Marked as done button

Closed discussions remain browsable

Version Control & Change Tracking

Every save creates history. Track, compare, and restore content changes — including comments, annotations, and custom CSS — with full auditability.

When versions are created

• Automatically on every Autosave
• When Custom CSS modifications are applied
• When you click Save manually

Each version stores a timestamp, author details, a change summary (Added / Removed / Modified), and CSS modification history.

Compare & restore

Compare any version with its predecessor — text updates, formatting, images, CSS, and comment changes are highlighted, with a page-wise difference view.

Side-by-side comparison of modifications, with changes highlighted

To roll back: select a previous version, review the confirmation warning, and click Restore This Version. The restore is saved as a new version, so history is never lost.

Access levels & locking

During collaborative editing, changes auto-sync with real-time activity logging. If a version is under review, editing is temporarily locked until review completion or timeout:

Temporary edit locking during a review

Publish & Distribute Your Title

The final stretch: run your checks, publish, and get your title in front of readers.

Export options

The Reader Experience

Published titles give readers a modern, personal reading experience out of the box.

Before wide release, test responsiveness, validate accessibility behavior, review multimedia playback, and verify interactive experiences on real devices.

Best Practices Cheat Sheet

The habits that separate smooth projects from painful ones — organized by stage.

Known Limitations

Fluid 360 covers most publishing scenarios — these advanced cases may need extra customization.

• Advanced JavaScript functionality may require custom widgets
• Advanced HTML and CSS customization may require technical expertise
• Third-party integrations depend on external API compatibility
• Highly design-heavy layouts may require manual optimization

Glossary

Frequently Asked Questions

Click any question to expand the answer.