Custom Styling

Apply Style Format

dialogueflow.stylejson

Set the dialogueflow.stylejson option with the escaped JSON string in the OnStartUp event of the ReportTemplate.

This.SetReportOption("dialogueflow.stylejson", "{\"Common\": {\"Background\":\"#FFFFFF\",...,\"SaturdayColor\":\"#85929E\"}}");

Style properties

Style properties are still under improvement. More styles and properties will be added.

Example

// stylejson example
This.SetReportOption("dialogueflow.stylejson", "{\r\n  \"Common\": {\"ShowTitle\":\"false\",\"Background\":\"#FFFFFF\",\"DialogCloseButton\": \"https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-close-512.png\",\"ShowTitle\": \"true\"},\"ProgressButton\":{\"FontSizeNormal\":\"16\",\"FontSizeSmall\":\"13\",\"BackgroundColor\":\"#0E73C3\",\"FontColor\":\"#FFFFFF\",\"Text\":{\"welcome\":\"시작\",\"thankyou\":\"완료\",\"done\":\"다음\",\"statement\":\"Statement\",\"inputcomp\":\"다음\"},\"CornerRadius\":\"5\"},\"Contents\":{\"Title\":{\"FontColor\":\"#000000\",\"FontStyle\":\"normal\",\"TextAlignment\":\"left\"},\"Question\":{\"FontColor\":\"#000000\",\"FontStyle\":\"bold\",\"TextAlignment\":\"left\"},\"Description\":{\"FontColor\":\"#000000\",\"FontStyle\":\"normal\",\"TextAlignment\":\"left\"}},\"ProgressBar\":{\"BackgroundColor\":\"#AEB6BF\",\"TrackColor\":\"#85929E\",\"ProgressColor\":\"#F5B041\"},\"InputComp\":{\"ReadyBorderColor\":\"#CCCCCC\",\"ItemButton\":{\"FontColor\":\"#0E73C3\",\"BorderColor\":\"#0E73C3\",\"SelectBackgroundColor\":\"#FFFADD\",\"SelectBorderThick\":\"2\"},\"TextBox\":{\"FontColor\":\"#000000\",\"BorderColor\":\"#CCCCCC\",\"SelectBackgroundColor\":\"#F7F7F7\"},\"NumericUpDown\":{\"ButtonColor\":\"#099A96\",\"ButtonBackgroundColor\":\"#7C7C7C\",\"FontColor\":\"#000000\"},\"SignPad\":{\"BorderColor\":\"#099A96\",\"BackgroundColor\":\"#FFFDF1\"},\"CheckBox\": {\"Item\":[\"\Yes\",\"\No\"],\"CheckText\":\"Yes\"},\"ImagePicker\":{\"Camera\":{\"Icon\":\"#0077AA\"}},\"AttachmentButton\":{\"FontColor\":\"#099A96\"},\"DateTimePicker\":{\"FontColor\":\"#0E73C3\",\"TodayColor\":\"#00CC00\",\"SundayColor\":\"#FF704D\",\"SaturdayColor\":\"#85929E\"}}}");