<< Click to Display Table of Contents >>
dialogueflow.stylejson
Sets the style of the DialogueFlow.
Reference
Set the parameter value as a string in the following JSON format:
{"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",...}}}.
The configurable keys in the common are:
Key |
Description |
background |
Background image or color |
dialogclosebutton |
[X] button image path or color |
fixedgroupheader |
Fixed group header |
fixedseperatorcolor |
Fixed separator color |
fixedseperatorthick |
Fixed separator thickness |
optionaltext |
Text of an optional item |
optionaltextcolor |
Text color of an optional item |
requiredtext |
Text of a required item |
requiredtextcolor |
Text color of a required item |
showtitle |
Whether to show the title |
The configurable keys in the progressbutton are:
Key |
Description |
|
background |
Background color |
|
buttonsizetype |
Button size of the progress button. Set the value to "normal" or "fittowidth" |
|
cornerradius |
Rounded border radius |
|
fontcolor |
Font color |
|
fontsizenormal |
Font Size(high resolution) |
|
fontsizesmall |
Font Size(low resolution) |
|
text |
done |
[Done] button text |
inputcomp |
Text of the [OK] button in the input area |
|
statement |
Text of the [Next] button in the Statement |
|
thankyou |
Text of the [Exit] button |
|
welcome |
Text of the [Start] button |
|
The configurable keys in the contents are:
Key |
Description |
|
description |
fontcolor |
Font color |
fontsizenormal |
Font size(high resolution) |
|
fontsizesmall |
Font size(low resolution) |
|
fontstyle |
Font style. Set the value to "normal", "bold" or "italic" |
|
textalignment |
Text alignment. Set the value to "left", "center" or "right" |
|
displayname |
fontcolor |
Font color |
fontsizenormal |
Font size(high resolution) |
|
fontsizesmall |
Font size(low resolution) |
|
fontstyle |
Font style. Set the value to "normal", "bold" or "italic" |
|
textalignment |
Text alignment. Set the value to "left", "center" or "right" |
|
question |
fontcolor |
Font color |
fontsizenormal |
Font size(high resolution) |
|
fontsizesmall |
Font size(low resolution) |
|
fontstyle |
Font style. Set the value to "normal", "bold" or "italic" |
|
textalignment |
Text alignment. Set the value to "left", "center" or "right" |
|
title |
backgroundcolor |
Background color |
cornerradius |
Rounded border radius. Applied when the shapetype is set to "badge" |
|
fontcolor |
Font color |
|
fontsizenormal |
Font size(high resolution) |
|
fontsizesmall |
Font size(low resolution) |
|
fontstyle |
Font style. Set the value to "normal", "bold" or "italic" |
|
shapetype |
Display type. Set the value to "normal" or "badge" |
|
textalignment |
Text alignment. Set the value to "left", "center" or "right" |
|
The configurable keys in the progressbar are:
Key |
Description |
backgroundcolor |
Background color |
disablenextbutton |
Image path of the disabled [∨] button |
disableprevbutton |
Image path of the disabled [∧] button |
enablenextbutton |
Image path of the enabled [∨] button |
enableprevbutton |
Image path of the enabled [∧] button |
progresscolor |
Foreground color of the progress bar |
trackcolor |
Background color of the progress bar |
The configurable keys in the popupwindow are:
Key |
Description |
|
backgroundcolor |
Background color |
|
optionaltextcolor |
Font color of optional items |
|
requiredtextcolor |
Font color of required items |
|
cancelbutton |
backgroundcolor |
Background color |
cornerradius |
Rounded border radius |
|
fontcolor |
Font color |
|
fontsizenormal |
Font size(high resolution) |
|
fontsizesmall |
Font size(low resolution) |
|
confirmbutton |
backgroundcolor |
Background color |
cornerradius |
Rounded border radius |
|
fontcolor |
Font color |
|
fontsizenormal |
Font size(high resolution) |
|
fontsizesmall |
Font size(low resolution) |
|
description |
fontcolor |
Font color |
fontstyle |
Font style. Set the value to "normal", "bold" or "italic" |
|
itembutton |
bordercolor |
Border color |
cornerradius |
Rounded border radius |
|
fontcolor |
Font color |
|
selectbackgroundcolor |
Background color of selected items |
|
selectbordercolor |
Border color of selected items |
|
unselectbackgroundcolor |
Background color of items not selected |
|
unselectbordercolor |
Border color of items not selected |
|
question |
fontcolor |
Font color |
fontstyle |
Font style. Set the value to "normal", "bold" or "italic" |
|
attachmentbutton |
titlebackgroundcolor |
Background color of the area indicating the number of attached files |
titlefontcolor |
Font color of the text indicating the number of attached files |
|
attachtextcolor |
Font color of the text in the attached file |
|
fontcolor |
Font color of the name of the attached file |
|
separatorcolor |
Separator line color |
|
filesizecolor |
File size font color |
|
grabbericon |
Image path or color of the move order icon. Does not run in the HTML5JS PC viewer |
|
contextmenuicon |
Pop-up menu icon image path or color. Does not run in the mobile view |
|
datetimepicker |
disabledaycolor |
Disabled date color |
fontcolor |
Font color |
|
saturdaycolor |
Saturday color |
|
selectbackgroundcolor |
Selected date background color |
|
selectbordercolor |
Selected date border color |
|
sundaycolor |
Sunday color |
|
todaycolor |
Today color |
|
The configurable keys in the inputcomp are:
Key |
Description |
|
clearbuttonimage |
[X] button image path |
|
readybackgroundcolor |
Input pending background color |
|
readybordercolor |
Input pending border color |
|
readyborderthick |
Input pending border thickness |
|
popupbutton |
backgroundcolor |
Background color |
bordercolor |
Border color |
|
borderthick |
Border thickness |
|
fontcolor |
Font color |
|
guidehighlight |
backgroundcolor |
Background color |
bordercolor |
Border color |
|
borderthick |
Border thickness |
|
questiontextcolor |
Font color of the question’s text |
|
type |
Highlight type. Set the value to "none", "border", "questiontextcolor" or "backgroundcolor" |
|
itembutton |
bordercolor |
Border color |
cornerradius |
Rounded border radius |
|
fontcolor |
Font color |
|
selectbackgroundcolor |
Background color of selected items |
|
selectbordercolor |
Border color of selected items |
|
selectborderthick |
Border thickness of selected items |
|
unselectbackgroundcolor |
Background color of items not selected |
|
unselectbordercolor |
Border color of items not selected |
|
unselectborderthick |
Border thickness of items not selected |
|
The configurable ComponentType and PropertyName in the inputcomp are:
ComponentType |
PropertyName |
Description |
||
attachmentbutton |
documentimage |
File icon image path or color. Does not run in the HTML5JS viewer |
||
cameraimage |
Camera icon image path or color. Does not run in the HTML5JS viewer |
|||
albumimage |
Gallery icon image path or color. Does not run in the HTML5JS viewer |
|||
mergeimage |
Merge photos icon image path or color. Does not run in the HTML5JS viewer |
|||
fontcolor |
Text font color after attachment |
|||
fontsizenormal |
Text font size after attachment(high resolution) |
|||
fontsizesmall |
Text font size after attachment(low resolution) |
|||
checkbox |
checkedmarkimage |
Checked image path or color |
||
uncheckedmarkimage |
Unchecked image path or color |
|||
datetimepicker |
disabledaycolor |
Disabled date color |
||
fontcolor |
Font color |
|||
icon |
Datetimepicker icon image path or color |
|||
saturdaycolor |
Saturday color |
|||
selectbackgroundcolor |
Selected date background color |
|||
selectbordercolor |
Selected date border color |
|||
selectcolor |
Selected date color |
|||
sundaycolor |
Sunday color |
|||
todaycolor |
Today color |
|||
imagepicker |
camera |
icon |
Camera icon image path or color |
|
gallerybutton |
backgroundcolor |
Background color of the [Gallery/Album] button |
||
bordercolor |
Border color of the [Gallery/Album] button |
|||
borderthick |
Border thickness of the [Gallery/Album] button |
|||
fontcolor |
Font color of the [Gallery/Album] button |
|||
image |
Image path or color of the [Gallery/Album] button |
|||
id |
icon |
ID icon image path or color |
||
seal |
icon |
Seal icon image path or color |
||
numericupdown |
buttonbackgroundcolor |
Background color of the function button |
||
buttoncolor |
Border color of the function button |
|||
focusedbordercolor |
Focused border color |
|||
focusedborderthick |
Focused border thickness |
|||
fonstsizenormal |
Font size(high resolution) |
|||
fonstsizesmall |
Font size(low resolution) |
|||
fontcolor |
Font color |
|||
signpad |
backgroundcolor |
Signature area background color |
||
bordercolor |
Border color |
|||
borderthick |
Border thickness |
|||
icon |
Signature icon image path or color |
|||
textbox |
backgroundcolor |
Background color |
||
bordercolor |
Border color |
|||
focusedbordercolor |
Focused border color |
|||
focusedborderthick |
Focused border thickness |
|||
fontcolor |
Font color |
|||
voicerecorder |
bordercolor |
Border color |
||
fontcolor |
Text font color after recording |
|||
fontsizenormal |
Text font size after recording (high resolution) |
|||
fontsizesmall |
Text font size after recording (low resolution) |
|||
image |
clear |
Clear icon image path or color |
||
pause |
Pause icon image path or color |
|||
play |
Play icon image path or color |
|||
record |
Start recording icon image path or color |
|||
stop |
Stop recording icon image path or color |
|||