Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Basic Custom Layout Example

This example shows how to create a simple custom layout for the chat widget.

In the example we'll override a built in layout (the choose layout ) so that we display a dropdown instead of buttons which is the default behavior.

Installing and Running Locally

  1. set the botID, XIBMClientID and XIBMClientSecret parameters in src/index.js (see Getting Started for further details on this):
          el: 'ibm_el',
          baseURL: '',
          botID: '',              // replace with Bot ID
          XIBMClientID: '',       // replace with Client ID
          XIBMClientSecret: ''    // replace with Client Secret
  1. npm install
  2. npm start
  3. open http://localhost:3030

Building and Running on a Server

  1. Complete step 1 above.
  2. Complete step 2 above.
  3. npm run build
  4. Upload index.html and bundle.js

Additional Documentation

Please see registering a custom layout for additional information.

You can’t perform that action at this time.