Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
excludeRelated Articles

Prerequisites

To render the banner effectively, you should switch to chatbot version - v2 in Bot view template node.

...

Banner

The banner directive enables an expandable ribbon on the top of the chatbot screen. You can customize the content of the banner based on your business use case.

...

Code Block
msg.payload = { 
    speechToText : "Native", 
    headerLogo   : "",
    micInput     : true,
    // mapKey    : "AIzaSyAkXLtWzPecEu_kzI03dxQ2T1rJcmB-97E",
    directive    : [
              {      {
      "type"     : "dialog",
      "title"    :  "title":"<h4>If this is an emergency, please call 911.</h4>",
            "content"  : `<p>Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                // Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to
make a type specimen book.</p><br/>  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...</p>`,
when an unknown printer took a galley"position" of type and scrambled it to make a type specimen book.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>`,
            "position":"top",: "top",
      "duration" : "36000000000" //milliseconds
                    }
                   ] 
               "duration":"36000000000" //milliseconds
        }
    ]
};
return msg;

Parameters used for Banner

type

The type property should be set “dialog

title

The Title of the banner ribbon.

content

The content displayed upon expanding the banner.

position

The position of the banner. Takes the values top, bottom, right, left.

duration

The number of seconds the banner ribbon stays afloat on the chatbot window. Post this duration, the banner ribbon will be hidden (as shown in the screenshot below).

...

Note

The banner still works for chatbot v1 but the banner ribbon will not be visible. The whole banner (title and content) will be visible in the chatbot screen. Refer screenshot below

...

Related Articles

Filter by label (Content by label)
showLabelsfalse
max5
showSpacefalse
cqllabel = "experience-manager"