OZ e-Form Developer
  • OZ e-Form Concepts
  • 🌈e-Form DEVELOPER
    • Day 1: Welcome On Board
      • About Course
      • Preparations
      • OZ e-Form Overview
    • Day 2: e-Form Design
      • Designer Environments
      • e-Form Layout Structure
      • e-Form Components
      • e-Form From Documents
      • Preview / Export / Save
      • Hands-on Practice
    • Day 3: Dynamic e-Form
      • e-Form Scripting Guide
      • Hands-on Practice
      • Advanced Features
    • Day 4: e-Form Application
      • Server Deployment
      • Viewer In HTML
      • Viewer APIs
      • Prefilling e-Form
      • Submitting e-Form
      • Sending MemoryStream
    • Get Your Certificate
    • Design Guide
      • Dialogue Flow
        • Overview
        • Creating Dialogue Flow
        • Uploading e-Form to Server
        • Running Dialogue Flow
        • Group and Statement
        • Custom Styling
      • Multilingual e-Form
      • Miscellaneous
      • Videosign
        • Videosign User Guide
      • OZ Verifier
        • OZ Verifier Introduction
        • Implementation and Use
        • Requirements
      • HTML5 Editor
        • HTML5 Editor Introduction
        • HTML Editor
        • Requirements and Sample
    • Day 5. Server & Reporting
  • 🌈Server Developer
    • OZ Server Console
    • OZ Scheduler
      • Features
      • Installing OZ Scheduler
      • Scheduler Task
    • Binding & Exporting
      • Overview
      • Export API Example
        • Extract Input Data
        • Export with OZ Server
        • Export with Scheduler
        • Export with Scheduler Task
    • Repository Server
    • Sync Server
      • Overview
      • Installing Sync-Server
        • SSL configration
      • Sample Application
      • Implementation
    • QR Link Mobile Sign
  • 🌈Report Developer
    • Overview
      • About Course
      • Preparation
      • Report Designer Overview
    • Query Design
      • Database Connection
      • Designer Environment
      • Dataset Design
    • Report Design
      • Designer Environment
      • Components
      • Table
      • Master-Detail
      • ODI Parameter
      • CrossTab
      • Chart
  • 🌈MOBILE DEVELOPER
    • Android Native
    • iOS Native
    • TOTO Framework
      • TOTO Overview
      • Sample App Overview
      • Server Application
      • Android Project
  • ⬇️Product Downloads
  • 📚 Product Documentation
  • 📕Technical Guide
  • ⚛️ ReactJS Integration
Powered by GitBook
On this page
  • Apply Style Format
  • dialogueflow.stylejson
  • Style properties
  • Example

Was this helpful?

  1. e-Form DEVELOPER
  2. Design Guide
  3. Dialogue Flow

Custom Styling

PreviousGroup and StatementNextMultilingual e-Form

Last updated 2 years ago

Was this helpful?

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\"}}}");
🌈