JS Hide the Triangle Button of the Parameter Pane

1.1 Requirement

When previewing a template with a parameter pane, there will be a triangle button at the junction between the parameter pane and the home interface. How to hide this triangle button?

1.2 Solution

When the template is loaded, locate button elements and set them to be hidden or removed.

1）Hide the button

$('.parameter-container-collapseimg-up').hide();

2）Remove the button 

$('.parameter-container-collapseimg-up').remove();

2.1 Steps

Take the template GettingStarted.cpt as an example to hide the triangle button appeared in the parameter interface in the Preview mode.

1）Open the Designer and double-click the template to switch to the Edit Parameter Interface. Click on a bland area on the pane and add an After Initialization event.

Input the following JavaScript codes:

setTimeout(function() { $('.parameter-container-collapseimg-up').hide(); }, 100);

2）Save the template and click [Preview]. You will find the triangle button is hidden. See the demonstration above.

2.2 Preview

Save the template and click [Pagination Preview]. The preview effect on a PC is shown as below:

Hide the Triangle Button of the Parameter Pane.cpt