JS 編集時の文字の色を変える

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