<< 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 |
録音完了アイコンの画像のパス及び色 |