32 lines
1.4 KiB
Markdown
32 lines
1.4 KiB
Markdown
|
---
|
||
|
|
title: Special layouts overview
|
||
|
|
tags: [special_layouts]
|
||
|
|
keywords: layouts, information design, presentation
|
||
|
|
last_updated: July 3, 2016
|
||
|
|
summary: "This theme has a few special layouts. Special layouts include the JS files they need directly in the page. The JavaScript for each special layout does not load by default for every page in the site."
|
||
|
|
sidebar: mydoc_sidebar
|
||
|
|
permalink: mydoc_special_layouts.html
|
||
|
|
folder: mydoc
|
||
|
|
---
|
||
|
|
|
||
|
|
|
||
|
|
{% include note.html content="By \"layout,\" I'm not referring to the layouts in \_layouts in the project files. I'm referring to special ways of presenting information on the same \"page\" layout." %}
|
||
|
|
|
||
|
|
## FAQ layout
|
||
|
|
|
||
|
|
See {{site.data.mydoc_urls.mydoc_faq.link}} for an example of the FAQ format, which follows an accordion, collapse/expand format. This code is from Bootstrap.
|
||
|
|
|
||
|
|
## Knowledgebase layout
|
||
|
|
|
||
|
|
See {{site.data.mydoc_urls.mydoc_kb_layout.link}} for a possible layout for knowledge base articles. This layout looks for pages containing specific tags.
|
||
|
|
|
||
|
|
## Scroll layout
|
||
|
|
|
||
|
|
If you have a long JSON message you're documenting, see the {{site.data.mydoc_urls.mydoc_scroll.link}}. This layout adds a side pane showing links to pointers in the left pane.
|
||
|
|
|
||
|
|
## Shuffle layout
|
||
|
|
|
||
|
|
If you want a dynamic card layout that allows you to filter the cards, see {{site.data.mydoc_urls.mydoc_shuffle.link}}. This uses the Shuffle JS library.
|
||
|
|
|
||
|
|
{% include links.html %}
|