The caption editor

markdown_00_tools.PNG

For editing the content of your captions, you should use the available textarea to write your content. Above, you'll find a toolbar filled with buttons to help you format your text. Our captions use markdown syntax, but we don't expect you to learn that syntax by heart, so these buttons will do the heavy lifting for you.


Text size

markdown_01_headings.png

Use one of the 6 heading buttons to change the size of your text. H1 is the biggest, H6 is the smallest. This option will apply to an entire line.


Bold and Italic

markdown_02_emphazis.png

Start by selecting the text you would like to bolden or italicize. Press the corresponding button to apply the style. This option will affect the text you have selected.


Alignment

markdown_03_alignment.png

Use one of the alignment buttons to choose where your text should align itself. the @center is the markdown syntax that will align your text to the middle of the caption. The whole line of text will be affected by the change.


Color

markdown_04_color.png

Click the color button to select a color. If you have a BindTuning theme applied to the page, the pallete picker will appear by default. These colors are provided by the theme and will vary with your branding. So in another page using a different theme but showing the same content, the colors will adapt to that page. If you're not seeing the color pallete, make sure you have a BindTuning theme applied and that your theme is updated to the latest version

markdown_05_swatches.PNG

If you want to pick a custom color, you can open the color picker by pressing the icon. Colors selected through here are static and will always show the same regardless of the page.

markdown_06_picker.PNG


markdown_07_links.png

Clicking the links button will open a small form to help you add links to your caption. Links can have a background and text color. They can also look like simple text links or colored buttons.


Icons

markdown_08_icons.png

Click the smiley icon to open the icon picker. The icons are split into tabs depending on their category. Clicking an icon will open the size picker so you can select just how big you want the icon to be.

markdown_09_icons_list.PNG


Image

Clicking the Image button will open a small form to help you add an image to your caption. You can paste a URL of the image or browse on your SharePoint site for the image. For more information about the Image picker check the next link.

markdown_10_icons_list


Video

Clicking the Video button will open a small form to help you add Video to your caption. You can use YouTube, Vimeo and Office 365 Video.

markdown_10_icons_list


Preview

markdown_11_preview.png

You can use the preview button to toggle between editing and preview mode. In preview mode, you can't edit your text and get to see what the text will look like after publishing.