JS Change font color when editing

1.1 Problem

Many report designs use dark colors as the background. Although the font can be set to light colors, the font is still black when in edit mode:

1.2 Solution

Add the pre-editing event of the widget , write JS to change the font color.

Note: This function does not support mobile devices.

2.1 Report design

Design the table as shown below, add [Text Field Widget] to cell A2, and add [Text Area Widget] to cell B2.

2.2 Add JS event

Select cell A2, click the [Event] tab, and add a [Before Editing] event to the text widget.

Add the following JavaScript:

$("input").css("color","white");

Select cell B2 , click the [Event] tab, and add a [Before Editing] event to the text field widget.

Add the following JavaScript:

$("textarea").css("color","white");

2.3 Preview effect

Save and click [Data Entry Preview]:

Change font color when editing.cpt