There is no Out Of The Box way to achieve this. However, a close inspection of how this page works reveals that the solution can be customised to work at the cost of potential upgrade errors on 3 records. If recorded this shouldn't really be an issue as you can always reapply the customisation fairly easily.
To make these changes you can apply the attached updateset or follow the below instructions (link will need to be changed for your instance). Note: The update set has comments to outline where changes are made for future reference.
Overview of what is changed:
- UI Page: kb_knowledge_create
- UI Macro: kb_knowledge_create_template_preview
- Script Include: ArticleTemplateUtil
- Field added to table: kb_article_template_definition
Navigate to the UI Page "kb_knowledge_create".
In the Client Script section replace line 3 to use ngSanitize in the UI Page app
-
Navigate to the UI Macro "kb_knowledge_create_template_preview". This macro is called in the previous page. This is what controls the preview window.
Navigate to the "kb_article_template_definition" table and add a HTML field with the value "u_preview_text". (you can give the label any value).
I order to use this new field in the UI Page and UI Macro we've just modified, there is a script include to update. The UI Macro calls a script include called "ArticleTemplateUtil". In turn this extends a read-only script include called "ArticleTemplateUtilSNC". The UI Page calls a function in this script include that returns an array of objects for each field in the preview. We can copy and paste the function being called in ArticleTemplateUtilSNC to the ArticleTemplateUtil script and add one modification to it to add the "u_preview_text" field in the returned object.
Paste the following script into the "ArticleTemplateUtil" in a newline after line 2. There is a comment where the code addition has been added.
getFieldsForTemplate: function(){
var template = this.getParameter("sysparm_template");
var fields = this.getFieldsDataForTemplate(template);
var result = {
fields: fields,
template: template
};
return JSON.stringify(result);
},
getFieldsDataForTemplate: function(template){
var fields = [];
if(template == 'kb_knowledge'){
fields.push( {
field: '',
type: 'HTML'
});
return fields;
}
var gr = new GlideRecord('kb_article_template_definition');
gr.addQuery('article_template.child_table',template);
gr.addActiveQuery();
gr.orderBy('order');
gr.query();
while(gr.next()){
var collapsible, collapsed, collapse_type = gr.getValue('collapsible');
if(collapse_type == 'expanded'){
collapsible = true;
collapsed = false;
} else if(collapse_type == 'collapsed') {
collapsible = true;
collapsed = true;
} else {
collapsible = false;
collapsed = false;
}
fields.push( {
field: gr.getDisplayValue('column_label'),
type: gr.getDisplayValue('column_type'),
column: gr.getValue('table_column'),
collapsible: collapsible,
collapsed: collapsed,
heading_style: gr.getDisplayValue('heading_style'),
field_style: gr.getDisplayValue('field_style'),
preview_text: gr.getValue('u_preview_text'), //This is the new line we've added
});
}
return fields;
},
Congrats! Preview Text can now be added to each definition on the Article template.
Hope this helps!
