CALS

Skip to content

Main NavigationHome Docs Examples Web IDE

English

English

Appearance

Sidebar Navigation

CALS Documentation

Introduction to CALS

Overview

CALS Architecture

CALS Technical Architecture

Admin Console Data Model

Introduction to CALS Studio

Files

View

Home

Object Explorer

Control View

GNB

Deploy

Help

Visual App Development Environment

Presentation Layer

Menu

Menu Creation

Related Application, Screen List

Screen

Screen Creation

Screen Canvas(Detail)

Screen Attributes

Close Only with Button or X

Component

Component Creation

Detailed Component Types

List

Form

Toolbar

ToolbarList

ToolbarForm

Tabs

Steps

Comment

Box

Tree

Kanban

IFrame

Schedule

Grid

ToolbarGrid

WebComponent

Component Properties

Component Display

ReadOnly Flag

Search Spec

Sort Spec

Toolbar Position

Tab Pane Id

SQL Log Active

Use CheckBox

Single Check

Reverse Check

Use Summary

Use Striped Table

Search Type

Collapse Disabled

Default Collapse State

Inline Edit

Control Spacing

Label - Display

Label - Position

Use Drag and Copy

Use Page Total

Page Navigation

Personalization

Display number

Display Full Size Fixed

Key Column

URL

JsonData

Object Prop

Default Expand All

Header Field

Header Reference Code

Src

Icon Position

Suffix

Style - Size

Style - Text Color

Style - Background Color

Style - Flat Appearance

Style - Outline

Control Functionality

Control Types

ToolbarButton

ChannelButton

Button

LookUp

Text

Select

Editor

ImageUpload

Textarea

Radio

CheckBox

DatePicker

DateTimePicker

TimeSelect

Label

Number

FileUpload

ImageView

ZipCodeKR

ColorPicker

Hidden

GroupTableColumn

TableColumn

TableColumnButton

Step

KanbanItem

BoxIcon

BoxLabel

BoxData

TabPane

CommentButton

TextContent

Control Properties

Control Display

ReadOnly Flag

Required Flag

Hidden Flag

Field

Ref Code

Check Parent Id

Parent Id

Default - Type

Default - Value

Enable Flag

Placeholder

Translate

Label - Display

Label - Position

Label - Tooltip

Type

Display Format

Data Format

PickerOptions

Search Condition

Data Placeholder

InActive Before/After

Public Path Check

Custom Calendar

Short Key

Time Interval

Key-in Input Availability

Dropdown Time Range (Start)

Dropdown Time Range (End)

Payload Encryption

Style - Font

Style - Text Align

Style - Text Color

Style - Background Color

Style - Flat Appearance

Setting

Theme

Progress Icon

Logo

New Password

Password Reset

Browser Setting

MFA

Locale

Language

Date Format

GNB

Per-Tenant URL

Enable or Disable GNB Items

Login Page Image Settings

Menu Top Logo Settings

Analytics and Dashboard

Data Modelling

Physical Layer

Table

Table Upload

Data Source

System Admin

Environment

Utility

Symbolic String

Symbolic String Upload

Common Code

Common Code Upload

Serial Number

Excel Template

Excel Work

Key Management

Calendar

Business Logic Section

Business Layer

Business Object

Aggregation Object

Link

Business Group

AI Creator

Presentation Layer

Service Functionatility

Component Service Types

Load

row-click

row-dblclick

row-inline-save

row-inline-delete

node-click

inner-button-click

Control Service Types

Click

change

Direct-edit-click

Link-Click

Column-lookup-click

Action Designer Configuration

Action Canvas

Action Designer Toolbar

Action Group

Action Template

Action Parameter

controlId

extensionMeta

fixedData

fixedDataSelect

globalMeta

Meta

parentMeta

Path

Prop

propSelect

selectData

unselectData

selectTemplate

style

urlParam

urlParamSelect

Component, Control Parameter

Structure of Interface Parameter Input Screen

Control Parameter - Source Type

Control Parameter - Target Type

Component Parameter - Source Type

Component Parameter - Target Type

Action Group - UI Action

Close

Alert

Message Box

Reload

Cancel Next Action

Unmarking

Open Link

Show Overlay

Change Overlay

Hide Overlay

Change Mode

Focus Control

Action Group - Navigation

Show Popup

Show New Page

Show Right Panel

Show Bottom Panel

Action Group - Data

Reset

Component Parameter

Control Parameter

Limited Excel Export

Data Transfer

Excel Export

Excel Import

Template Download

Action Group – Interface

Lambda

Save

Search

Script

Constraint

Action Group - Condition

IsNull

IsNotNull

Equal

NotEqual

Lambda List

List of Operations Using Lambda

Integration and Scalability

Integration

Integration Definition

Integration Object

Security and Role Management

System Admin

Authorization

User Extension Meta

Organization

Account

Authorization Setting

Account Management

Login Authentication

Session Management for Login Authentication

IP Address Authentication

User and Permission Management

Permission Management

Password Policy Management

Temporary Password Validity Time

Password Creation Rules

Password Change Cycle

Account locked when login fails

Previous Passwords Not Allowed

Data Security

Sensitive Information Field Masking

Business Object Field Masking

Unmasking Methods

Applying Field Encryption

One-way Encryption

Two-way Encryption

Workflow Automation

Batch Service

Overview

Config View UI

Active View UI

Deployment and Management

Mult-Environment Architecture and Environment-Specific User Roles

Roles for each CALS Environment(Dev, App, Sandbox, Prod)

Dev

App

Sandbox

Prod

User Roles in CALS Environment

Application Developer

Tenant Developer

Multi-DB Setting

Tenant DB Setting

DB Initial Setting

DB Change Setting

Check-In & Check-out Process

2.1. check-in,check-out

Deploy

Publish

Build

Pipelines

Task

Extension Function

CALS VS CODE Extension

Installation overview

Installation guide

Overview

Node.js

Git

MySQL

VSCode

Cals Extension

Development guide

UI screen

Project structure

Deploy process

Practice

Advance practice

KMS Decrypt(CALS-SDK)

Node.js version update guide

Overview

Project structure

Change guide

Caution

JAVA Extension

Web Component

Documentation Examples

Getting Started

Title

Content

Image

Table

On this page

Table of Contents for current page

Style - Background Color

This attribute configures the background color of the component.

[Image 1. Background Color Configuration]

Last updated:

Previous pageStyle - Text Color

Next pageStyle - Flat Appearance

Copyright © 2019-present Quintet Systems.