How to :: add recommendation in code mode

Important

This is only available from the code mode

Overview

The recommendation is here to display a sliding information pane. This is used to push some information at a second level of lecture.

ie: “As a salesforce manager, I want this story to push a customer verbatim or a product video”

reco-icon
reco

Configuration

Mandatory config options:

  • recommendation:
  • advert: label that will be displayed
  • content: content that will be displayed when user click on the icon. It support HTML. Can content for example iframes, links, assets etc …

Available options:

  • hideIcon: the light bulb icon can be hidden (default value: false)

Ex 1: Simple recommendation

Configuration

level: 3
title: "Quality"
parent_id: 20
recommendation:
  advert: "B.I."
  content:"My reco...."

Ex 2: with video

reco video

reco video

Make sure to use the triple quotes “”” “””.

Configuration

level: 3
title: "Quality"
parent_id: 20
recommendation:
  advert: "B.I."
  content:"""
 <iframe src="https://player.vimeo.com/video/135548904?byline=0&portrait=0"  width="220" height="124" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  """

Ex 3: with asset and HTML

Make sure to use the triple quotes “”” “””. The assets you have uploaded can be used in the recommendation config.

Configuration

level: 3
title: "Quality"
parent_id: 20
recommendation:
  advert: "B.I."
  content:"""
    This recommendation with image <br /><br />
    <img src="<%= assetUrl('assetName') %>" />
  """

Ex 4: with no icon

reco-no-icon

Configuration

level: 3
title: "Quality"
parent_id: 20
recommendation:
  advert: "B.I."
  hideIcon: true
  content: "My reco ..."