Support > Repository > Output control (style) > Help message
ja | en

Various help messages can be prepared for each item (and per screen). It can be used as input support.

Screen example

Buttons can be placed to the right of the item name (label part).Figure 1 shows an example with the button "Help!".

Figure 1 Placing the Help! Button

A message will be displayed if you hover the mouse over the button.

Figure 2 Place the mouse on the button

Definition method

Open the "Description" tab of the model item detail definition.It can be set for each registration screen, update screen, search screen, detail screen.Here, specify the registration screen.

Write the label of the button (display letter) in the column of "Help button" and the message in the column of "contents" respectively.

Figure 3 Help button settings

Screen example

You can also write a message in the item label section."Item name"underIs displayed.

Figure 4 Message is displayed under item name

Definition method

Write a message in the "Item Label> Contents" field in the explanation tab.

Figure 5 Content of item label

The line break on the way is ignored.(After building it will be the same as Figure 4.)

Figure 6 Line breaks are ignored

Example screen - style specification

You can also specify styles (such as text size and color).(FIG. 7)

Figure 7 Reduced font size and set font color to blue

Definition method

It lists the CSS to "item label> style" column in the Description tab.I will not explain the concrete CSS grammar.(See other literature on CSS.)

Figure 8 Style settings

Screen example

Figure 9 shows an example of specifying a help message in the input field.When the width of the input field is 100%, the message is in the input fieldunderIs displayed.

Figure 9 A message appears below the input field

Definition method

Write a message in the "input field> content" field in the explanation tab.

Figure 10 Input Field Contents

Example screen - style specification

You can also specify styles (such as text size and color).(FIG. 11)

Figure 11 Text color set to blue

Definition method

Describe the CSS in the "input field> style" field in the explanation tab.I will not explain the concrete CSS grammar.(See other literature on CSS.)

Figure 12 Style settings

Screen example

When you place the mouse in the input field (overlap), a message is displayed.(Fig. 13) This is called a tool tip.

Figure 13 Tooltip

Definition method

In the explanation tab, write a message in the "Mouse over message" field.

Figure 14 Specify the message when mouse over

Screen example

A placeholder is a character displayed when no value is entered in the input field.(FIG. 15)

Figure 15 Placeholder

Placeholder is not "initial value".Even if you save in this state, the placeholder characters are not saved in the database.(More precisely, nothing is saved.)

If you type even one letter in this entry field, the placeholder letters disappear.

Definition method

Figure 16 Specifying Placeholder Messages

Supplement for placeholder display rules

  • This function is realized by using the HTML placeholder attribute.Therefore, it can not be used with a Web browser incompatible with this function.(For example, IE 9 does not support this function.)
  • The timing at which the placeholder disappears depends on the web browser.
  • It can not be set in the text area.

The character of the help button is presentation/displayitem/@tipslabel.

The message corresponding to the help button is presentation/displayitem/@tips.

The item label help message is presentation/displayitem/displaytext/@position \ = label.

The item label help message style is presentation/displayitem/displaytext [@position \ = label]/@style.

The help message for the input field is presentation/displayitem/displaytext/@position \ = field.

The style of the help message in the input field is presentation/displayitem/displaytext [@position \ = field]/@style.

The tool tip is presentation/displayitem/@tooltip.

The place holder is presentation/displayitem/@placeholder.