Dialog Customization

CuteEditor makes it easy for you to customize the dialogs.

This chapter contains the following topics:

Customize Dialog's background color, font...
Customize Dialog's size
Remove items from individual dialogs
Remove 'General' and 'Style Builder' tabs from tag dialogs

Customize Dialog's background color, font...

Please modify the following style sheet file:

CuteSoft_Client\CuteEditor\Themes\ThemeName\dialog.css

Customize Dialog's size

Please modify the following JavaScript file:

CuteSoft_Client\CuteEditor\Scripts\Constant.js

For example, if you want to modify the size of Insert Emotion dialog, you need to modify the following code:

// Default window ornaments for the Emotion dialog

editorconstant._emotionDialogFeature = "resizable:0;dialogWidth:280px;dialogHeight:300px;";

Remove items from individual dialogs

The following instruction shows you how to remove the browse button from insert link dialog.

Open Tag_A.asp file and change the following code:

<button id="btnbrowse">[[Browse]]</button>

to:

<button id="btnbrowse" style="display:none">[[Browse]]</button>

Remove 'General' and 'Style Builder' tabs from tag dialogs

The following instruction shows you how to remove 'General' and 'Style Builder' tabs from tag dialogs.

Please open CuteEditorWeb\CuteSoft_Client\CuteEditor\Dialogs\tag.config.

To turn off the general tab, remove this line:
<add pattern="*" tab="Common" text="[[Common]]" control="Tag_Common.asp" />

To turn off the style builder tab, remove this line:
<add pattern="*" tab="Style" text="[[StyleBuilder]]" control="Tag_Style.asp" />