Category

How to customize Description Placeholder Text in Customer Portal

Updated:

BoldDesk allows administrators to tailor the Customer Portal experience to improve ticket quality at the time of submission. One common customization is updating the placeholder text shown in the Description field on the Create Ticket page.

At present, BoldDesk does not provide a UI-based setting to modify placeholder text for system fields. However, this behavior can be customized using Advanced Customization with Custom JavaScript in the Customer Portal.

This article explains how to safely apply this customization, its supported scope, and its limitations—using only native BoldDesk workflows and settings.

Use Cases

Custom placeholder text helps guide customers before submission, improving ticket accuracy and reducing follow-up questions.

Common use cases include:

  • Prompting users to include version details or screenshots
  • Standardizing issue descriptions across departments
  • Reducing ticket reopens caused by missing information
  • Improving SLA compliance by collecting clear details upfront

Prerequisites

Before applying this customization, ensure the following:

  • You have Admin access in BoldDesk
  • The Customer Portal is enabled
  • You have access to Advanced Customization
  • You are familiar with basic JavaScript syntax

Scope of This Customization in BoldDesk

This customization applies only to the BoldDesk Customer Portal and affects the Description field placeholder text in the Customer Portal → Create Ticket → Description field.

Description field placeholder.png

The fields are powered by BoldDesk’s Rich Text Editor (RTE) component.

This customization does not apply to the Agent Portal.

Steps to Rename the Description Placeholder Text

1. Open Advanced Customization

Navigation Path

Admin Panel → Customer Portal → Advanced Customization

  • Select the required Brand
  • Locate the Custom JavaScript section

For detailed steps, explore further instructions about Customizing the BoldDesk Customer Portal.

2. Add Custom JavaScript

Paste the following script into the Custom JavaScript editor:

let interval = setInterval(function () {
 var rteElement = document.querySelector("#descriptions"); 
 var rteCmts = document.querySelector("#commentsRTE");

 if (rteElement && rteElement.ej2_instances) {
     rteElement.ej2_instances[0].placeholder =
       "Please include the VA version number, module where the issue occurs, screenshot of the issue, and the step-by-step process to reproduce it";
     clearInterval(interval); 
 }
 if (rteCmts && rteCmts.ej2_instances) {
     rteCmts.ej2_instances[0].placeholder =
       "Enter your message here";
     clearInterval(interval); 
 }
}, 100); 

Save the changes after adding the script.

Customizing the Placeholder Message

To update the guidance text shown in the Description field:

  • Edit the text inside the quotation marks assigned to the placeholder property
  • Replace it with your preferred guidance message
  • Save the changes in Advanced Customization

Example
If you want users to include logs and urgency, update the line like this:

rteElement.ej2_instances[0].placeholder =
 "Describe the issue clearly and include logs, urgency, and recent changes."; 
  • No other part of the script needs to be changed
  • The update takes effect after saving in Advanced Customization

Before Applying Custom JS

Custom JS.png

After Applying Custom JS

Custom JS.png

Frequently Asked Questions

  1. Can I rename the Description field label itself?
    No. BoldDesk does not support renaming default system field labels.

  2. Does this customization affect the Agent Portal?
    No. This applies only to the Customer Portal interface.

  3. Will existing tickets be modified?
    No. Placeholder text affects only ticket creation and replies.

  4. Can I remove the placeholder later?
    Yes. Remove the JavaScript from Advanced Customization and save.

Related Articles

  1. Customizing the BoldDesk Customer Portal
  2. Customize BoldDesk Web Forms with Custom CSS & JavaScript
Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
Comments (0)
Access denied
Access denied
Access denied
Access denied

No articles or sections found
No articles or sections found