Preview Textile in the Next Gen Agent using Canvas

Last Updated -

This is an example Canvas application that previews Textile formatting in the Next Gen Agent. This application pulls the Agent's draft, converts the textile and then displays it in the Canvas side panel.

I. Deploy the Application

First, install this application by deploying the source code to your Heroku account. To deploy your application, simply click this button:


II. Create the Integration URL

Now that you have the application on Heroku, go ahead and create the integration URL.

  1. In the Name field, add a title for the this application. In this example, we’ll use 'Preview Textile'.

  2. The Description field, though optional, is a way to give a general description of the integration URL.

  3. Select 'Canvas iFrame' from the Open Location dropdown.

  4. In the URL field, add the URL of your Heroku application.

  5. Toggle the Enabled button to 'Yes' and select the Permission level.

  6. Click the Update button.

III. Add it to your Case Layout

Now display the canvas application on your Case Layout.

  1. Go to Cases > Cases > Next Gen Case Layouts

  2. Find the Preview Textile canvas application in the Integrations section on the right side of the screen.

  3. Drag and Drop the application in your case layout.

  4. Scroll over the left side of the 'Preview Textile' bar and click on the gear to open the Edit window. Adjust the pixel Height to 200 (or more). Click Save and then Update.

IV. Confirmation

After you have added the canvas application to your layout and selected users, open a ticket and you should see the Preview Textile under Case Details.