AppFlowy-Cloud/libs/workspace-template/assets/mobile_guide.json

{
  "type": "page",
  "children": [
    {
      "type": "heading",
      "data": { "level": 3, "delta": [{ "insert": "Adding content" }] }
    },
    {
      "type": "todo_list",
      "data": {
        "checked": false,
        "delta": [
          { "insert": "Click " },
          { "insert": "+", "attributes": { "code": true } },
          { "insert": " ", "attributes": { "code": false } },
          { "insert": "in the toolbar to add a block" }
        ]
      }
    },
    {
      "type": "todo_list",
      "data": {
        "checked": false,
        "delta": [
          { "insert": "Type " },
          { "insert": "-[]", "attributes": { "code": true } },
          { "insert": " to insert a to-do list" }
        ]
      }
    },
    {
      "type": "bulleted_list",
      "data": {
        "delta": [
          { "insert": "-", "attributes": { "code": true } },
          { "insert": " or " },
          { "insert": "*", "attributes": { "code": true } },
          { "insert": " for bulleted list" }
        ]
      }
    },
    {
      "type": "numbered_list",
      "data": {
        "delta": [
          { "insert": "1.", "attributes": { "code": true } },
          { "insert": " for numbered list" }
        ]
      }
    },
    {
      "type": "toggle_list",
      "children": [
        {
          "type": "paragraph",
          "data": { "delta": [{ "insert": "Expand or collapse" }] }
        }
      ],
      "data": {
        "collapsed": true,
        "delta": [
          { "insert": ">", "attributes": { "code": true } },
          { "insert": " for toggle list" }
        ]
      }
    },
    { "type": "paragraph", "data": { "delta": [] } },
    {
      "type": "heading",
      "data": { "level": 3, "delta": [{ "insert": "Styling" }] }
    },
    {
      "type": "paragraph",
      "data": {
        "delta": [
          { "insert": "Select text to " },
          { "insert": "style", "attributes": { "bg_color": "0xff6455a2" } },
          { "insert": " using the " },
          {
            "insert": "toolbar",
            "attributes": { "italic": true, "bold": true, "underline": true }
          },
          { "insert": " menu" }
        ]
      }
    },
    {
      "type": "paragraph",
      "data": {
        "delta": [
          { "insert": "More styling can be found in " },
          { "insert": "Aa", "attributes": { "code": true } }
        ]
      }
    },
    {
      "type": "quote",
      "data": {
        "delta": [
          {
            "insert": "AppFlowy allows you to style your content in a beautiful and simple way"
          }
        ]
      }
    },
    {
      "type": "image",
      "data": {
        "width": 369.44921875,
        "url": "https://github.com/AppFlowy-IO/AppFlowy/blob/main/doc/readme/mobile_guide_1.png?raw=true",
        "align": "left"
      }
    },
    { "type": "divider" },
    {
      "type": "heading",
      "data": { "level": 3, "delta": [{ "insert": "Database views" }] }
    },
    {
      "type": "callout",
      "data": {
        "icon": "📌",
        "delta": [
          {
            "insert": "Visualize your content in different ways—Kanban, Grid, and Calendar views"
          }
        ]
      }
    },
    {
      "type": "paragraph",
      "data": {
        "delta": [
          {
            "insert": "Click on a database record (row/card) to open the Card view"
          }
        ]
      }
    },
    {
      "type": "multi_image",
      "data": {
        "layout": 0,
        "images": [
          {
            "type": 1,
            "url": "https://github.com/AppFlowy-IO/AppFlowy/blob/main/doc/readme/mobile_guide_2.png?raw=true"
          },
          {
            "type": 1,
            "url": "https://github.com/AppFlowy-IO/AppFlowy/blob/main/doc/readme/mobile_guide_3.png?raw=true"
          }
        ]
      }
    },
    { "type": "paragraph", "data": { "delta": [] } },
    { "type": "paragraph", "data": { "delta": [] } },
    {
      "type": "paragraph",
      "data": {
        "delta": [
          {
            "insert": "In a Grid view, tap on a property name to edit the property.",
            "attributes": { "bold": false }
          }
        ]
      }
    },
    {
      "type": "image",
      "data": {
        "url": "https://github.com/AppFlowy-IO/AppFlowy/blob/main/doc/readme/mobile_guide_4.png?raw=true",
        "width": 342,
        "align": "left"
      }
    },
    { "type": "paragraph", "data": { "delta": [] } },
    {
      "type": "heading",
      "data": { "level": 3, "delta": [{ "insert": "Manage pages" }] }
    },
    {
      "type": "paragraph",
      "data": {
        "delta": [
          {
            "insert": "Swipe left on a page to show the actions: add a subpage and more actions"
          }
        ]
      }
    },
    {
      "type": "image",
      "data": {
        "align": "left",
        "width": 342,
        "url": "https://github.com/AppFlowy-IO/AppFlowy/blob/main/doc/readme/mobile_guide_5.png?raw=true"
      }
    },
    { "type": "paragraph", "data": { "delta": [] } },
    {
      "type": "paragraph",
      "data": { "delta": [{ "insert": "More actions include:" }] }
    },
    {
      "type": "bulleted_list",
      "data": { "delta": [{ "insert": "Add to Favorites " }] }
    },
    {
      "type": "bulleted_list",
      "data": { "delta": [{ "insert": "Rename" }] }
    },
    {
      "type": "bulleted_list",
      "data": { "delta": [{ "insert": "Duplicate " }] }
    },
    { "type": "bulleted_list", "data": { "delta": [{ "insert": "Delete" }] } }
  ]
}