<< Click to Display Table of Contents >>

dialogueflow.stylejson

DialogueFlowのスタイルを設定します。

Reference

パラメーターの値は、{"common":{"Key1":"Value1,"Key2":"Value2",...},"progressbutton":{"Key1":"Value1,"Key2":"Value2",...},"contents":{"Key1":"Value1,"Key2":"Value2",...},"progressbar":{"Key1":"Value1,"Key2":"Value2",...},"popupwindow":{"Key1":"Value1,"Key2":"Value2",...},"inputcomp":{"Key1":"Value1,"Key2":"Value2",...,"ComponentType":{"PropertyName1":"PropertyValue1,"PropertyName2":"PropertyValue2",...}}}の形で、JSON形式の文字列で設定してください。

commonで設定可能なKeyは次の通りです。

Key

説明

background

背景イメージ及び色

dialogclosebutton

[閉じる]ボタンのイメージパス及び色

fixedgroupheader

グループヘッダーの枠固定

fixedseperatorcolor

枠固定の区分線の色

fixedseperatorthick

枠固定の区分線の太さ

optionaltext

選択項目のテキスト

optionaltextcolor

選択項目のフォント色

requiredtext

必須項目のテキスト

requiredtextcolor

必須項目のフォント色

showtitle

タイトル表示可否

progressbuttonで設定可能なKeyは次の通りです。

Key

説明

background

背景色

buttonsizetype

進行ボタンサイズのタイプ

normal、fittowidthのいずれかの値を設定する。

cornerradius

丸い枠線の半径

fontcolor

フォントの色

fontsizenormal

フォントサイズ(高解像度)

fontsizesmall

フォントサイズ(低解像度)

text

done

[Done]ボタンのテキスト

inputcomp

入力領域の[OK]ボタンのテキスト

statement

案内文の[次へ]ボタンのテキスト

thankyou

[完了]ボタンのテキスト

welcome

[開始]ボタンのテキスト

contentsで設定可能なKeyは次の通りです。

Key

説明

description

fontcolor

フォントの色

fontsizenormal

フォントサイズ(高解像度)

fontsizesmall

フォントサイズ(低解像度)

fontstyle

フォントスタイル

normal、bold、italicのいずれかの値を設定する。

textalignment

テキストの揃え

left、center、rightのいずれかの値を設定する。

displayname

fontcolor

フォントの色

fontsizenormal

フォントサイズ(高解像度)

fontsizesmall

フォントサイズ(低解像度)

fontstyle

フォントスタイル

normal、bold、italicのいずれかの値を設定する。

textalignment

テキストの揃え

left、center、rightのいずれかの値を設定する。

question

fontcolor

フォントの色

fontsizenormal

フォントサイズ(高解像度)

fontsizesmall

フォントサイズ(低解像度)

fontstyle

フォントスタイル

normal、bold、italicのいずれかの値を設定する。

textalignment

テキストの揃え

left、center、rightのいずれかの値を設定する。

title

backgroundcolor

背景色

cornerradius

丸い枠線の半径

shapetypeがbadgeの場合に適用

fontcolor

フォントの色

fontsizenormal

フォントサイズ(高解像度)

fontsizesmall

フォントサイズ(低解像度)

fontstyle

フォントスタイル

normal、bold、italicのいずれかの値を設定する。

shapetype

表示形式

normal、badgeのいずれかの値を設定する。

textalignment

テキストの揃え

left、center、rightのいずれかの値を設定する。

progressbarで設定可能なKeyは次の通りです。

Key

説明

backgroundcolor

背景色

disablenextbutton

非活性化された[次へ]ボタンの画像のパス

disableprevbutton

非活性化された[前へ]ボタンの画像のパス

enablenextbutton

活性化された[次へ]ボタンの画像のパス

enableprevbutton

活性化された[前へ]ボタンの画像のパス

progresscolor

プログレスバーの文字色

trackcolor

プログレスバーの背景色

popupwindowで設定可能なKeyは次の通りです。

Key

説明

backgroundcolor

背景色

optionaltextcolor

選択フォントの色

requiredtextcolor

必須フォントの色

cancelbutton

backgroundcolor

背景色

cornerradius

丸い枠線の半径

fontcolor

フォント色

fontsizenormal

フォントサイズ(高解像度)

fontsizesmall

フォントサイズ(低解像度)

confirmbutton

backgroundcolor

背景色

cornerradius

丸い枠線の半径

fontcolor

フォント色

fontsizenormal

フォントサイズ(高解像度)

fontsizesmall

フォントサイズ(低解像度)

description

fontcolor

フォントの色

fontstyle

フォントスタイル

normal、bold、italicのいずれかの値を設定する。

itembutton

bordercolor

枠線色

cornerradius

丸い枠線の半径

fontcolor

フォントの色

selectbackgroundcolor

選択されたアイテムの背景色

selectbordercolor

選択されたアイテムの枠線色

unselectbackgroundcolor

選択されていないアイテムの背景色

unselectbordercolor

選択されていないアイテムの枠線色

question

fontcolor

フォントの色

fontstyle

フォントスタイル

normal、bold、italicのいずれかの値を設定する。

attachmentbutton

titlebackgroundcolor

添付数領域の背景色

titlefontcolor

添付数のフォント色

attachtextcolor

追加フォント色

fontcolor

添付されたファイル名のフォント色

separatorcolor

区分線の色

filesizecolor

ファイルサイズのフォント色

grabbericon

順番移動アイコンのイメージパス及び色

HTML5JS PCビューアでは動作しない

contextmenuicon

ポップアップメニューアイコンのイメージパス及び色

モバイルビューアでは動作しない

datetimepicker

disabledaycolor

非活性化した日付の色

fontcolor

フォント色

saturdaycolor

土曜日の日付の色

selectbackgroundcolor

選択された日付の背景色

selectbordercolor

選択された日付の枠線色

sundaycolor

日曜日の日付の色

todaycolor

今日の日付の色

inputcompで設定可能なKeyは次の通りです。

Key

説明

clearbuttonimage

[初期化]ボタンの画像のパス

readybackgroundcolor

入力待機の背景色

readybordercolor

入力待機の枠線色

readyborderthick

入力待機の枠線の太さ

popupbutton

backgroundcolor

背景色

bordercolor

枠線色

borderthick

枠線の太さ

fontcolor

フォントの色

guidehighlight

backgroundcolor

背景色

bordercolor

枠線色

borderthick

枠線の太さ

questiontextcolor

質問テキストのフォント色

type

ハイライトタイプ

none、border、questiontextcolor、backgroundcolorのいずれかの値を設定する。

itembutton

bordercolor

枠線色

cornerradius

丸い枠線の半径

fontcolor

フォントの色

selectbackgroundcolor

選択されたアイテムの背景色

selectbordercolor

選択されたアイテムの枠線色

selectborderthick

選択されたアイテムの枠線太さ

unselectbackgroundcolor

選択されていないアイテムの背景色

unselectbordercolor

選択されていないアイテムの枠線色

unselectborderthick

選択されていないアイテムの枠線太さ

inputcompで設定可能なComponentTypeとPropertyName/PropertyValueは次の通りです。

ComponentType

PropertyName

説明

attachmentbutton

documentimage

ファイルアイコンのイメージパス及び色

HTML5JSビューアでは動作しない

cameraimage

撮影アイコンのイメージパス及び色

HTML5JSビューアでは動作しない

albumimage

ギャラリーアイコンのイメージパス及び色

HTML5JSビューアでは動作しない

mergeimage

写真の合成アイコンのパス及び色

HTML5JSビューアでは動作しない

fontcolor

添付後のテキストフォント色

fontsizenormal

添付後のテキストフォントサイズ(高解像度)

fontsizesmall

添付後のテキストフォントサイズ(低解像度)

checkbox

checkedmarkimage

チェックされた画像のパス及び色

uncheckedmarkimage

チェックされていない画像のパス及び色

datetimepicker

disabledaycolor

非活性化した日付の色

fontcolor

フォントの色

icon

カレンダーアイコンの画像パス及び色

saturdaycolor

土曜日の日付の色

selectbackgroundcolor

選択された日付の背景色

selectbordercolor

選択された日付の枠線色

selectcolor

選択された日付の色

sundaycolor

日曜日の日付の色

todaycolor

今日の日付の色

imagepicker

camera

icon

カメラアイコンのイメージパス及び色

gallerybutton

backgroundcolor

ギャラリー(アルバム)ボタンの背景色

bordercolor

ギャラリー(アルバム)ボタンの枠線色

borderthick

ギャラリー(アルバム)ボタンの枠線太さ

fontcolor

ギャラリー(アルバム)ボタンのフォント色

image

ギャラリー(アルバム)アイコンのイメージパス及び色

id

icon

身分証アイコンのイメージパス及び色

seal

icon

はんこアイコンのイメージパス及び色

numericupdown

buttonbackgroundcolor

機能ボタン背景色

buttoncolor

機能ボタン枠線色

focusedbordercolor

フォーカスされた枠線色

focusedborderthick

フォーカスされた枠線の太さ

fonstsizenormal

フォントサイズ(高解像度)

fonstsizesmall

フォントサイズ(低解像度)

fontcolor

フォントの色

signpad

backgroundcolor

署名領域の背景色

bordercolor

枠線色

borderthick

枠線の太さ

icon

署名アイコンの画像のパス及び色

textbox

backgroundcolor

背景色

bordercolor

枠線色

focusedbordercolor

フォーカスされた枠線色

focusedborderthick

フォーカスされた枠線の太さ

fontcolor

フォントの色

voicerecorder

bordercolor

枠線色

fontcolor

録音後のテキストフォント色

fontsizenormal

録音後のテキストフォントサイズ(高解像度)

fontsizesmall

録音後のテキストフォントサイズ(低解像度)

image

clear

初期化アイコンの画像のパス及び色

pause

一時停止アイコンの画像のパス及び色

play

再生アイコンの画像のパス及び色

record

録音開始アイコンの画像のパス及び色

stop

録音完了アイコンの画像のパス及び色