テキストタグ

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

<text>

<text>タグは、複数行の文字列を保持できるテキスト領域を定義します。ここに入力された内容は、text 属性を使ってカスタマイズできます。

Parent tag : <pc>

Child tag : <接頭語>, <接尾語>

メモ: ZML スニペット内で <text> タグに次の文字を表示させるには、エンコードする必要があります。

文字& (アンパサンド)は、& または& としてエンコードします。
文字< (より小さい)は、< または< としてエンコードします。
文字> (より大きい)は、> または> としてエンコードします。
文字' (シングルクォート)は、' または' としてエンコードします。

これらの文字を、それぞれ対応するエンコード済みの値に置き換えるには、組み込みの

replaceAll()

Deluge 関数を使用できます。例えば、次のコードスニペットは、

商品説明

項目に含まれるアンパサンド (&) 文字をエンコードし、ZML スニペット内で次のように表示されるようにします。

<%
var_content = 商品[ID=3888833000000119021].Product_Description;
var_encoded_content = replaceAll(var_content, '&', '&');
%>
<text 種類='Text' renderAsHtml='真' 値='<%=var_encoded_content%>' size='5' color='#333333'></text>

属性

1. 種類

The 種類属性は、表示するテキストの種類を指定します。

指定可能な値

Text
Form Data

初期設定値

Text

2. 値

The 値属性は、テキスト領域に表示する具体的な値を定義します。

指定可能な値

種類	値	例
Text	固定の文字列を指定します。	<text 種類='Text' 値='Hello World'/>
Form Data	指定した集計に基づき、Zoho Creator アプリケーションのフォームから値を取得します。	<text 種類='Form Data' 値='appLinkName.componentLinkname。fieldLinkName。aggregate'/>#

メモ:

#Form Data 属性には、必ず集計方法を指定する必要があります。
計算可能な集計値は次のとおりです: sum, 最小, 最大, median, 平均, 件数, distinctCount

集計	説明	構文
sum	指定したフォーム項目内のすべての値の合計を計算します。	<text 種類='Form Data' 値=' appLinkName。formlinkname。fieldlinkname. sum '/>
最小	指定したフォーム項目内のすべての値の最小値を計算します。	<text 種類='Form Data' 値='appLinkName。formlinkname。fieldlinkname. 最小 '/>
最大	指定したフォーム項目内のすべての値の最大値を計算します。	<text 種類='Form Data' 値='appLinkName。formlinkname。fieldlinkname. 最大 '/>
median	指定したフォーム項目内のすべての値の中央値を計算します。	<text 種類='Form Data' 値='appLinkName。formlinkname。fieldlinkname. median '/>
平均	指定したフォーム項目内のすべての値の平均値を計算します。	<text 種類='Form Data' 値='appLinkName。formlinkname。fieldlinkname. 平均 '/>
件数	指定したフォーム内のすべてのデータ件数を計算します。	<text 種類='Form Data' 値='appLinkName。formlinkname. ID。件数 '/>
distinctCount	指定したフォーム項目内で、ある値が出現するユニークな回数を計算します。	<text 種類='Form Data' 値='appLinkName。formlinkname。fieldlinkname .dictinctCount '/>

値はデータソース属性として機能します。つまり、size、bold、italic、fontFamily、color、bgColor などの属性はテキストコンテンツのスタイル属性であり、値が指定されている場合にのみ適用されます。

3. criteria

The criteria 属性は、表示するテキストを絞り込むための取得条件を指定します。

構文

メモ:

criteria 属性は省略可能です。
criteria 属性を使用して、指定した集計結果を表示するための追加フィルターを設定できます。

4. numberScale

The numberScale 属性は、テキスト内の数値に擬似的な単位記号を付与します。

指定可能な値

K（千）
M（百万）
B（10億）

例

構文	<text 値='thisapp。商品。Unit_Price。sum' numberScale='K'/>
出力

メモ:

numberScale 属性は省略可能です。

5. decimalPlaces

decimalPlaces 属性は、小数点の後に表示する桁数を指定します。

指定可能な値

0～3 の数値。

例

構文	<text 値='thisapp。商品。Unit_Price。sum' decimalPlaces='2'/>
出力

メモ:

decimalPlaces 属性は省略可能です。

6. thousandsSeparator

thousandsSeparator 属性は、千の位ごとのグループを区切るために使用する記号を指定します。

指定可能な値

,（カンマ記号）
.（ピリオド記号）

例

構文	<text 値='thisapp。商品。Unit_Price。sum' thousandSeparator=','/>
出力

メモ:

thousandseparator 属性は省略可能です。

7. decimalSeparator

decialSeparator 属性は、数値の整数部と小数部を区切るために使用する記号を指定します。

指定可能な値

,（カンマ記号）
.（ピリオド記号）

例

構文	<text 値='thisapp。商品。Unit_Price。sum' decimalSeparator='.'/>
出力

メモ:

decimalseparator 属性は省略可能です。

8. fontFamily

fontFamily 属性は、テキストに適用するフォントスタイルを指定します。

指定可能な値

Arial
Georgia
Lato
Proxima nova
Roboto
Roboto slab

例

構文	<text 種類='Text' 値='Hello World' fontFamily='Georgia'/>
出力

メモ:

fontFamily 属性は省略可能です。値が指定されている場合にのみ適用されます。
fontFamily が値に対して指定されていない場合、テキストにはアプリケーションテーマのfontFamily が適用されます。アプリケーションテーマごとに使用される fontFamily は異なります。

9. size

size 属性は、テキストのフォントサイズを定義します。

指定可能な値

テキストのサイズを定義する 1 ～ 9 の数値。

初期設定値

例

構文	<text 種類='Text' 値='Hello World' size='8'/>
出力

構文

出力

メモ:

size 属性は省略可能です。

10. bold

bold 属性は、テキストに太字のフォントスタイルを適用します。

指定可能な値

真
無効

初期設定値

無効

例

構文	<text 種類='Text' 値='Hello World' bold='真'/>
出力

メモ:

bold 属性は省略可能です。

11. italic

The italic 属性は、フォントを斜体にします。

指定可能な値

真
無効

初期設定値

無効

例

構文	<text 種類='Text' 値='Hello World' italic='真'/>
出力

メモ:

italic 属性は省略可能です。

12. color

The color 属性は、テキストのフォントカラーを指定します。

指定可能な値

16 進数形式のカラー値。16 進数カラーコードについては、このページを参照してください。

例

構文	<text 種類='Text' 値='Hello World' color='#FF00FF'/>
出力

メモ:

color 属性は省略可能です。

13. bgColor

The bgColor 属性は、<text> 要素の背景色を指定します。

指定可能な値

16 進数形式のカラー値。16 進数カラーコードについては、このページを参照してください。

例

構文	<text 値='Hello World' bgColor='#047B33'/>
出力

メモ:

bgColor 属性は省略可能です。値が指定されている場合にのみ適用されます。

14. padding

padding 属性は、テキストコンテンツとそのコンテナのすべての辺との間に、指定した量の余白を生成します。

指定可能な値

ピクセル単位の数値

構文	<text 値='Hello World' padding='20px'/>
出力

メモ:

padding 属性は省略可能です。

15. paddingTop

paddingTop 属性は、テキストコンテンツの上端とそのコンテナとの間に、指定した量の余白を生成します。

指定可能な値

ピクセル単位の数値

構文	<text 値='Hello World' paddingTop='50px'/>
出力

メモ:

paddingTop 属性は省略可能です。

16. paddingRight

paddingRight 属性は、テキストコンテンツの右端とそのコンテナとの間に、指定した量の余白を生成します。

指定可能な値

ピクセル単位の数値

構文	<text 値='Hello World' paddingRight='20px'/>
出力

メモ:

paddingRight 属性は省略可能です。

17. paddingBottom

paddingBottom 属性は、テキストコンテンツの下端とそのコンテナとの間に、指定した量の余白を生成します。

指定可能な値

ピクセル単位の数値

構文	<text 値='Hello World' margin='50px'/>
出力

メモ:

paddingBottom 属性は省略可能です

18. paddingLeft

paddingLeft 属性は、テキストコンテンツの左側とそのコンテナとの間に指定した量の余白を生成します。

指定可能な値

ピクセル単位の数値

構文	<text 値='Hello World' margin='20px'/>
出力

メモ:

paddingLeft 属性は省略可能です

19. margin

margin 属性は、テキストコンテナの四辺とその親要素との間に指定した量の余白を生成します。

指定可能な値

ピクセル単位の数値

例

構文	<text 値='Hello World' margin='50px'/>
出力

メモ:

margin 属性は省略可能です

20. marginTop