{"id":17970,"date":"2017-02-03T21:12:30","date_gmt":"2017-02-03T21:12:30","guid":{"rendered":"https:\/\/developer.kore.com\/?post_type=docs&#038;p=10036"},"modified":"2021-03-19T08:40:34","modified_gmt":"2021-03-19T08:40:34","slug":"defining-a-table-report","status":"publish","type":"post","link":"https:\/\/developer.kore.ai\/v9-0\/docs\/bots\/bot-builder-tool\/dialog-task\/defining-a-table-report\/","title":{"rendered":"Defining a Table Report"},"content":{"rendered":"<section class=\"l-section wpb_row height_auto\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row type_default valign_top\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\r\n\t<div class=\"wpb_text_column \">\r\n\t\t<div class=\"wpb_wrapper\">\r\n\t\t\t<p>With some tasks, you may want to add a link to a message sent to a user that contains data too large for a message, for example, an message with a picture, abstract, and a link to a full article or report. This topic describes how to define a table report with variable width columns.<br \/>\nThe table report type can be displayed to an end-user when the URL for this table is clicked in a\u00a0message. In the following illustration, the message sent to the end-user contains a link to the table report called <span style=\"color: #3366ff\">Your Daily Tasks<\/span>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4349 size-full\" src=\"\/wp-content\/uploads\/sites\/21\/DIYBotBuilderAlertReportTasksTableReportTask.png\" alt=\"DIYBotBuilderAlertReportTasksTableReportTask\" width=\"417\" height=\"197\" \/><br \/>\nWhen the user clicks the link in the message, a table report with variable width columns shows\u00a0the data for the columns defined with a table header, optional table description, and a header row as shown in the following illustration for the <em>Your list of tasks<\/em> report.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4348 size-full\" src=\"\/wp-content\/uploads\/sites\/21\/DIYBotBuilderAlertReportTasksTableReport.png\" alt=\"DIYBotBuilderAlertReportTasksTableReport\" width=\"617\" height=\"348\" \/><br \/>\n<strong>To define a table report<\/strong><br \/>\nTo complete the following procedure, you must have already defined a task, such as an alert task, or information task, that you want to add a table report link to. Complete the steps in the following procedure to define a table report with variable width columns.<\/p>\n<ol>\n<li>In Bot Builder, select the task for the Bot that you want to add a table report link to.\n<div class=\"alert alert-info\"><strong>Note:<\/strong> Only unpublished tasks can be modified.<\/div>\n<\/li>\n<li>Click the <strong>Settings<\/strong> <img loading=\"lazy\" decoding=\"async\" class=\"icon alignnone wp-image-6240 size-full\" src=\"\/wp-content\/uploads\/sites\/21\/DIYSettingsIcon-2.png\" width=\"18\" height=\"18\" \/>\u00a0icon, and then click <strong>Edit<\/strong>.<\/li>\n<li>On the <strong>Bot Response<\/strong>\u00a0tab for the task that you want to add a table\u00a0report to, click the <strong>Expand<\/strong>\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"icon alignnone wp-image-6276 size-full\" src=\"\/wp-content\/uploads\/sites\/21\/ExpandIcon.png\" width=\"20\" height=\"24\" \/> icon for the <strong>Report Template Definition<\/strong> section.<\/li>\n<li>In the<strong> Link Title<\/strong>\u00a0field, enter the link text to display to the end-user in the task post, for example, <em><span style=\"color: #0000ff\">Your Task List<\/span><\/em>.<\/li>\n<li>In the<strong> Header<\/strong>\u00a0field, enter the\u00a0title of the report to display when the table report is displayed to the end-user.<\/li>\n<li>In the<strong> Details<\/strong>\u00a0field, optionally enter any end-user help information displayed directly below the <strong>Header<\/strong> in the report, for example, <em><span style=\"color: #0000ff\">This is a list of your daily Google Tasks<\/span><\/em>.<\/li>\n<li>In the <strong>Template<\/strong> drop-down list, select <strong>Table<\/strong>.<\/li>\n<li>Click <strong>Edit Template<\/strong>. The <strong>Table Configuration<\/strong>\u00a0dialog is displayed.<\/li>\n<li>Click <strong>Add Column<\/strong>. The <strong>Column Configuration<\/strong> dialog is displayed as shown in the following illustration.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/21\/DIYInformationTaskReportTableColumnConf.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-10037\" src=\"\/wp-content\/uploads\/sites\/21\/DIYInformationTaskReportTableColumnConf.png\" alt=\"Table Report Template - Column Configuration\" width=\"597\" height=\"771\" \/><br \/>\n<\/a><a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/21\/DIYInformationTaskReportTableColumnConf2-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-10042\" src=\"\/wp-content\/uploads\/sites\/21\/DIYInformationTaskReportTableColumnConf2-3.png\" alt=\"Table Report Template - Column Configuration 2\" width=\"596\" height=\"292\" \/><\/a><\/li>\n<li>In the\u00a0<strong>Column Name<\/strong> field, enter the first column title, for example, <em><span style=\"color: #0000ff\">Task<\/span><\/em>.<\/li>\n<li>In the \u00a0<strong>Data Type<\/strong>\u00a0field, select one of the following data types for the information displayed in the column:\n<ol>\n<li><strong>String<\/strong><\/li>\n<li><strong>Number<\/strong><\/li>\n<li><strong>Date<\/strong><\/li>\n<\/ol>\n<\/li>\n<li>Enable\u00a0<strong>Is a link<\/strong> if the data in the column is a hyperlink. When enabled:\n<ol>\n<li>In the <strong>Link Label<\/strong> field, enter the JavaScript to display the text for the link, for example, <code>print(Name);<\/code> .<\/li>\n<li>In the <strong>URL Value<\/strong> field, enter the JavaScript to display the data to output when the <strong>Link Label<\/strong> is clicked, for example,\u00a0<code>print(\"https:\/\/login.salesforce.com\/\" + Id);<\/code><\/li>\n<\/ol>\n<\/li>\n<li>If <strong>Is a link<\/strong> is not enabled, then\u00a0enter the JavaScript to display the value for the column, for example,\u00a0<code>print(StageName);<\/code>.<\/li>\n<li>In the <strong>Display it as an image<\/strong> section, select <strong>Yes<\/strong> if the column value is an image.<\/li>\n<li>In the <strong>Display it as HTML<\/strong> section,\u00a0select <strong>Yes<\/strong> if the column value contains HTML content.<\/li>\n<li>In the <strong>Is this column Sortable<\/strong> section, select Yes if the end-user should be able to sort the column.<\/li>\n<li>Click <strong>Done<\/strong>. The <strong>Table Configuration<\/strong> dialog is displayed with the new column added as shown in the following illustration.<br \/>\n<a ref=\"magnificPopup\" href=\"\/wp-content\/uploads\/sites\/21\/DIYInformationTaskReportTableTableConf.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-10044\" src=\"\/wp-content\/uploads\/sites\/21\/DIYInformationTaskReportTableTableConf.png\" alt=\"Table Configuration Dialog\" width=\"599\" height=\"385\" \/><\/a><\/li>\n<li>Repeat Steps 9 &#8211; 17\u00a0for each additional column in the report, click\u00a0<strong>Save<\/strong> to save the column configurations, and then click <strong>Close<\/strong>.<\/li>\n<li>In the <strong>Report Template Definition<\/strong> section, click <strong>Save<\/strong> to save the table report<\/li>\n<\/ol>\n<p>The table is saved <em>Successfully saved response data<\/em> message is displayed at the top of the page.<\/p>\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<div class=\"w-separator size_small with_line width_default thick_1 style_solid color_border align_center\"><div class=\"w-separator-h\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"With some tasks, you may want to add a link to a message sent to a user that contains data too large for a message, for example, an message with a picture, abstract, and a link to a full article or report. This topic describes how to define a table report with variable width columns....","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-17970","post","type-post","status-publish","format-standard","hentry","category-dialog-task"],"_links":{"self":[{"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/posts\/17970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/comments?post=17970"}],"version-history":[{"count":2,"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/posts\/17970\/revisions"}],"predecessor-version":[{"id":26728,"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/posts\/17970\/revisions\/26728"}],"wp:attachment":[{"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/media?parent=17970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/categories?post=17970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/developer.kore.ai\/v9-0\/wp-json\/wp\/v2\/tags?post=17970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}