Any additions to AppBuilder documentation is welcome. Here are few guidelines to keep our documentation consistent:
- Follow the file structure
- Use markdown
- Follow the page format
File Structure
Try to follow the existing hierarchy when adding documentation. Add a page folder under the appropriate topic. Add a Page.md file, and an images folder if needed.
📁topic
📁subtopic
📁page
📁images
Page.md
Markdown
Learn Markdown
- Mastering Markdown - Github’s markdown Guide
- Markdown Cheetsheet - Quick markdown reference
Tools
- Docs to Markdown - Google drive extension to convert an existing document to Markdown
- Markdown Tables Generator - Easy tool for creating/formatting a table into markdown
Format
---
title: My Page Title
category: Category
description: This description will show beside the title on the menu page.
---
## Heading
### Sub Heading
...
######
Front matter
The YAML front matter is processed by Jekyll and used to display the page on the correct category pages.
title - Page title
category - Which category page should link to this page.
description - (Optional) Adds a description to the Category Page to provide additional context.
icon - (Optional) a font awesome icon (starting with fa-). The icon will display in the breadcrumbs header.
Content
Start with heading 2 (##) and add one level for each nested heading. Do not skip levels.
Adding Categories
To add a category simply add a markdown file myCategory.md with the following yaml front matter:
title: My category
description: An optional description of my category
is-category: myCategory
layout: page
category: parentCategory
icon: fa-icon (optional)
This will create an index page linked from the parent category which list any page that uses the category myCategory
Tips
- Jekyll uses Liquid templating. Using
{{,}},{%, or%}in markdown will cause problems. Use{% raw %} ... {% endraw %}tags to wrap these characters. - Font awesome icon can be added to any markdown file using this includes:
{% include icon.html i='fa-wrench' %} - You can add notifications using this includes:
{% include notification.html message="This is the message for the notification" %}
Tips for Using This Documentation Site
- Use the Sidebar: Navigate topics and subtopics using the sidebar for quick access to all documentation sections.
- Search: Use the search bar to find specific topics, keywords, or guides instantly.
- Breadcrumbs: Follow the breadcrumbs at the top of each page to understand where you are and easily return to parent topics.
- Internal Links: Click on links within the docs to jump to related content and deepen your understanding.
- Images & Examples: Look for images and code snippets throughout the docs for visual guidance and practical examples.
- Contribute: If you spot errors or have suggestions, check out the contributing guidelines above to help improve the documentation for everyone.
Running Locally
You can run this documentation site locally to preview changes before publishing:
bundle install
bundle exec jekyll serve
Then open http://localhost:4000 in your browser.
Run Site Locally
Jekyll requires ruby. ```