Advanced Settings for Configuring Help Widget

While using Custom CSS and Custom JS, BoldDesk allows you to customize the help widget.

How to add a Custom CSS

To add the Custom CSS, follow the steps below.

• Go to the Admin module and select Widgets.
  

  

• Select the widget to which you want to apply the Custom CSS.

• Add additional CSS to override the existing styles of the help widget.
  

  

• For example, you can add the style as shown below.
  

  

.widget-feedback-form-container .form-builder .phone-number-field {
   display: none;
}

How to add a Custom JS

• Select the widget to which you want to apply the Custom JS.

• Add the Custom JS for the help widget.
  

  

• For instance, use this as custom JS for changing static field Label

  Example this script will change label text of field “How can we help?” to “Description”
  

  

var label = 'Description';
var element = document.querySelector(".description-field .custom-field-label");
element.setAttribute('data-title', `${label}`);
element.innerText = `${label}`;

• For instance, use this custom JS to allow larger content in the description.

var description = document.querySelector('#description_wrapper textarea');
if (description) {
description.setAttribute('maxlength', 300)
}