AGADOS function & feature Chapter-01 UI define elements
1. Agados Functions & Features
Chapter 1. Biz-Apps UI 정의(디자인) 기능과 특징
Functions & Features Revision: 2016.07.23
Template Revision:20131025 v2.0
2. Ⓒ 2014 agados All rights reserved. 2
Imagination of Agados Based Biz. Application (Package/Service)
App Defining & Running Mechanism in Agados App AI Engine Platform
Application DB
Data Access by Agados
I/F OBJ
Biz. Logics by Agados
General JSP /Servlet /
ASP
Object
Servlet
(java,
.NET)
ObjectObjectObjectObject
ObjectObjectI/F Object
ObjectObjectObjectObject
ObjectObjectObjectObject
Presentation Layer by Agados
ObjectObject ObjectObject
Object
EJB/COM/ …
JDBC/ODBC ConnectionMiddleware
External
Module
Hybrid Architecture through X-Using Platforms
I/F
I/F
I/F
ObjectObject
HTML5 Web Windows Native App
3. Ⓒ 2014 agados All rights reserved. 3
Imagination of Agados Based Biz. Application (Package/Service)
App Defining & Running Mechanism in Agados App AI Engine Platform
App Modeler
Define Tool
App Configure Tool
Redefine Tool
Visual Monitor Client
AI Engine Client
Your Application
Smart Client
Application
DB
Application
Model Data
Application
Log Data
WAS (JBoss, IIS, …)
App AI Engine
(Design, Execute)
App AI
Log Engine
Out-of-Box
Reporting Tool
App AI
Monitor Engine
External System
Your App.
Biz. Assembly
(Model OBJ)HTTP
Your Application
Smart Server
DB(Data)
Server
Agados based App Environment
Server : Windows Server, Unix, Linux
for Java / .NET
DBMS : SQL Server, Oracle, MySQL, …
JSP, ASP
Your App.
Biz. Assembly
(General Class)
Servlet
Other Framework
Internet Browser
4. Ⓒ 2014 agados All rights reserved. 4
Biz. Application을 위한
화면 디자이너/재조정기
• ‘아가도스 AppStudio’는 Biz-App내에서 Configure Tool의 역할을 수행
• ‘아가도스 AppStudio’는 DevExpress UI Control 을 적용.
• 사용자는 각 UI 컨트롤의 속성만 정의
(Do Not Control by Program Code)
• 아가도스를 통해 만들 Biz-Apps 에 적용 가능한 UI 를 살펴볼 수 있다.
5. Ⓒ 2014 agados All rights reserved. 5
화면 디자인/재조정 기능
다양한 Controls 사용
Screen 디자인/재조정
다양한 UI Controls 사용
Screen Rules 제작
Screen Rule은 Repository에 Meta Data화
6. Ⓒ 2014 agados All rights reserved. 6
Windows Native Apps 용 UI Control
• 복잡한 업무용 Application의 특성상, 인트라넷용 Window Native Apps이 최적
• 윈도우즈용 Business Application을 가장 쉽고 빠르게 생성할 수 있는 수단
7. Ⓒ 2014 agados All rights reserved. 7
화면 디자인/재조정 기능
다양한 Controls – Editor 와 Button 컨트롤
Control Control Name
Label
Button
TextEdit
TextEdit (Number Format)
TextEdit (Date Format)
MemoEdit
Control Control Name
MemoExtEdit
RichTextEdit
8. Ⓒ 2014 agados All rights reserved. 8
화면 디자인/재조정 기능
다양한 Controls – Box 컨트롤
Control Control Name
ButtonEdit
CalcEdit
CheckButton
CheckEdit
Control Control Name
ComboBox
ColorEdit
CheckedComboBox
ControlNavigator
DataNavigator
CheckedListBox
9. Ⓒ 2014 agados All rights reserved. 9
화면 디자인/재조정 기능
다양한 Controls – Box 컨트롤
Control Control Name
FilterControl
FontEdit
DropDownButton
Control Control Name
DateEdit
GridLookUpEdit
HiperLinkEdit
10. Ⓒ 2014 agados All rights reserved. 10
화면 디자인/재조정 기능
다양한 Controls – Box 컨트롤
Control Control Name
MarqueeProcessBar
ImageEdit
ImageListBox
Control Control Name
ImageComboboxEdit
LookUpEdit
ListBoxControl
11. Ⓒ 2014 agados All rights reserved. 11
화면 디자인/재조정 기능
다양한 Controls – Box 컨트롤
Control Control Name
PictureEdit
MRUEdit
PopupContainerEdit
Control Control Name
RangeTrackBar
RadioGroup
SpinEdit
TimeEdit
ZoomTrackBar
ProgressBar
TrackBar
12. Ⓒ 2014 agados All rights reserved. 12
화면 디자인/재조정 기능
다양한 Controls – Container 컨트롤
Control Control Name
Panel
ScrollPanel
FlowLayoutPanel
Control Control Name
UserPanel
IPanel
TabControl
HScrollBar
VScrollBar
Like Iframe in HTML
Invoke User Control+Logic
13. Ⓒ 2014 agados All rights reserved. 13
화면 디자인/재조정 기능
다양한 Controls – Container Layout 컨트롤
‘Layout Function’ 은, Application 실행 시 화면 사이즈가 변경 되었을 때, ‘자동 컨트롤 위치 배치’ 기능을 제공한다.
1. LayoutRate, LayoutType
변경 Rate & Type 을 Control마다 적용
LayoutType : Default, X, Y, Width, Height, Location, Size, XandHeight, XandWidth, YandHeight, YandWidth,
Bound, Fix
LayoutRate : 변경 Rate를 적용
LayoutType : X
버튼의 LayoutType 을 X 로
설정,
Form 사이즈가 변경되면
Button은 자동으로 재배치된다.
14. Ⓒ 2014 agados All rights reserved. 14
화면 디자인/재조정 기능
다양한 Controls – Container Layout 컨트롤
2. LayoutControl
화면의 Bound가 변경되었을 때, ‘auto-calculating function’ 을 통해 ‘Auto-Bound-Adjustment’ 된다.
Customization mode
15. Ⓒ 2014 agados All rights reserved. 15
화면 디자인/재조정 기능
다양한 Controls – Bar 컨트롤
Control Control Name
NavBarControl TitleControl
WebBrowser
Control Control Name
16. Ⓒ 2014 agados All rights reserved. 16
화면 디자인/재조정 기능
다양한 Controls – Grid 컨트롤
1. Base Grid (기본 그리드)
17. Ⓒ 2014 agados All rights reserved. 17
화면 디자인/재조정 기능
다양한 Controls – Grid 컨트롤
2. Band Grid (밴드 타입)
18. Ⓒ 2014 agados All rights reserved. 18
화면 디자인/재조정 기능
다양한 Controls – Grid 컨트롤
3. Advanced Band Grid (고급 밴드 타입)
19. Ⓒ 2014 agados All rights reserved. 19
화면 디자인/재조정 기능
다양한 Controls – Grid 컨트롤
4. Card Grid (카드 타입)
20. Ⓒ 2014 agados All rights reserved. 20
화면 디자인/재조정 기능
다양한 Controls – Grid 컨트롤
5. Layout Grid (별도 Layout 타입)
21. Ⓒ 2014 agados All rights reserved. 21
화면 디자인/재조정 기능
다양한 Controls – Pivot Grid 컨트롤
고급 Pivoting 기능을 위한 Grid
22. Ⓒ 2014 agados All rights reserved. 22
화면 디자인/재조정 기능
다양한 Controls – Pivot Grid 컨트롤
PivotGrid 와 Chart 의 조합
23. Ⓒ 2014 agados All rights reserved. 23
화면 디자인/재조정 기능
다양한 Controls – Tree List 컨트롤
Tree 구조 스타일 List
24. Ⓒ 2014 agados All rights reserved. 24
화면 디자인/재조정 기능
다양한 Controls – Scheduler 컨트롤
Daily View
Work Weekly View
25. Ⓒ 2014 agados All rights reserved. 25
화면 디자인/재조정 기능
다양한 Controls – Scheduler 컨트롤
Weekly View
Monthly View
26. Ⓒ 2014 agados All rights reserved. 26
화면 디자인/재조정 기능
다양한 Controls – Scheduler 컨트롤
TimeLine View
Gantt View
27. Ⓒ 2014 agados All rights reserved. 27
화면 디자인/재조정 기능
다양한 Controls – Chart (2D/3D Bar) 컨트롤
Gantt View
28. Ⓒ 2014 agados All rights reserved. 28
화면 디자인/재조정 기능
다양한 Controls – Chart ( Point / Line / Bubble ) 컨트롤
Point / Line / Bubble/ Stacked Line
29. Ⓒ 2014 agados All rights reserved. 29
화면 디자인/재조정 기능
다양한 Controls – Chart ( Lines ) 컨트롤
Full Stacked Line/ Spline / Step Line / Scatter Line
30. Ⓒ 2014 agados All rights reserved. 30
화면 디자인/재조정 기능
다양한 Controls – Chart ( 3D Lines ) 컨트롤
3D Line/ 3D Full-Scatter Line / 3D Scatter Line / 3D Step Line / 3D Spline
31. Ⓒ 2014 agados All rights reserved. 31
화면 디자인/재조정 기능
다양한 Controls – Chart ( Pie / Doughnut / Funnel ) 컨트롤
Pie / 3D Pie / Doughnut / 3D Doughnut / 3D Spline / Funnel / 3D Funnel
32. Ⓒ 2014 agados All rights reserved. 32
화면 디자인/재조정 기능
다양한 Controls – Chart ( Area ) 컨트롤
Area / Stacked Area / Spline Area / Full Stacked Area /
Stacked Spline Area / Step Area / Full-Stacked Spline Area
33. Ⓒ 2014 agados All rights reserved. 33
화면 디자인/재조정 기능
다양한 Controls – Chart ( Area ) 컨트롤
3D Area / 3D Stacked Area / 3D Full Stacked Area / 3D Step Area /
3D Spline Area / 3D Stacked Spline Area / 3D Full-Stacked Spline Area
34. Ⓒ 2014 agados All rights reserved. 34
화면 디자인/재조정 기능
다양한 Controls – Chart ( Range ) 컨트롤
Range Bar/ Range Bar Side-by-Side / Range Area / 3D Range Area
35. Ⓒ 2014 agados All rights reserved. 35
화면 디자인/재조정 기능
다양한 Controls – Chart ( Radar / Polar ) 컨트롤
Radar Point / Radar Line / Radar Area /
Polar Point / Polar Line / Polar Area
36. Ⓒ 2014 agados All rights reserved. 36
화면 디자인/재조정 기능
다양한 Controls – Chart ( etc… ) 컨트롤
Stock / Candle Stick / Gantt / Gantt Side-by-Side /
Regression Line / Trend Line / Fibonacci Indicators
37. Ⓒ 2014 agados All rights reserved. 37
화면 디자인/재조정 기능
다양한 Controls – Chart ( Gauge ) 컨트롤
Gauge Controls Control Type
Base Gauge
Gauge Control Control Type
State Indicator Advanced Gauge
Digital
Circle / Digital / Linear / State Indicator
38. Ⓒ 2014 agados All rights reserved. 38
화면 디자인/재조정 기능
다양한 Controls – Bar Manager , Tabbed MDI Manager 컨트롤
Bar Manager
‘BarManager’ 은 Application 상의 ‘Menu’, ‘Tool Bar’ 그리고 ‘Status Bar’를 관리하는 컨트롤
Tabbed MDI Manager
‘TabbedMdiManager’ 은 Application PKG 상에서 MDI-Style 처럼 Form이 열릴 때 Tab 스타일의 Form으로 관
리하는 컨트롤.
39. Ⓒ 2014 agados All rights reserved. 39
화면 디자인/재조정 기능
다양한 Controls – Dock Manager , Alert 컨트롤
Dock
Manager
‘DockManager’ 은 ‘Docking’ 기능을 제공
Alert Control
‘AlertControl’ 은 Message를 보여주는 컨트롤
40. Ⓒ 2014 agados All rights reserved. 40
표준 HTML5 용 UI Control
• 브라우저 내에서 실행되는 표준 HTML5 적용 Biz-Apps 제작에 사용
• HTML5 웹 표준 적용, 복잡한 Business Application을 가장 쉽고 빠르게 생성
41. Ⓒ 2014 agados All rights reserved. 41
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Adaptability
Overview
42. Ⓒ 2014 agados All rights reserved. 42
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Appearance
Overview
Right-To-Left Support
43. Ⓒ 2014 agados All rights reserved. 43
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Columns
Multi-Row Headers (Bands)
Columns based on a Data Source
44. Ⓒ 2014 agados All rights reserved. 44
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Columns
Column Customization
45. Ⓒ 2014 agados All rights reserved. 45
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Data Summaries
Grid Summaries
Group Summaries
46. Ⓒ 2014 agados All rights reserved. 46
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Data Summaries
Custom Summaries
47. Ⓒ 2014 agados All rights reserved. 47
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Editing
Batch Editing
Cell Editing and Editing API
48. Ⓒ 2014 agados All rights reserved. 48
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Editing
Form Editing
49. Ⓒ 2014 agados All rights reserved. 49
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Editing
Row Editing and Editing Events
50. Ⓒ 2014 agados All rights reserved. 50
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Editing
Data Validation
51. Ⓒ 2014 agados All rights reserved. 51
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Export
Export to Excel
52. Ⓒ 2014 agados All rights reserved. 52
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Filtering & Sorting
Filtering
Multiple Sorting
53. Ⓒ 2014 agados All rights reserved. 53
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Filtering & Sorting
Filtering API
54. Ⓒ 2014 agados All rights reserved. 54
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Grouping
Record Grouping
55. Ⓒ 2014 agados All rights reserved. 55
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Grouping
Remote Grouping
56. Ⓒ 2014 agados All rights reserved. 56
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Mater-Detail
Master-Detail View
57. Ⓒ 2014 agados All rights reserved. 57
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Paging & Scrolling
Record Paging
58. Ⓒ 2014 agados All rights reserved. 58
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Paging & Scrolling
Virtual Scrolling
59. Ⓒ 2014 agados All rights reserved. 59
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Pivot Grid
Layout Customization
60. Ⓒ 2014 agados All rights reserved. 60
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Pivot Grid
State Persistence
61. Ⓒ 2014 agados All rights reserved. 61
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Pivot Grid
Drill Down
62. Ⓒ 2014 agados All rights reserved. 62
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Pivot Grid
Chart Integration
63. Ⓒ 2014 agados All rights reserved. 63
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Pivot Grid
Field Chooser
64. Ⓒ 2014 agados All rights reserved. 64
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Pivot Grid
Field Panel
65. Ⓒ 2014 agados All rights reserved. 65
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – Selection
Multiple Record Selection
66. Ⓒ 2014 agados All rights reserved. 66
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
1. Data Grid Category – State Persistence
Layout Customization
The DevExtreme HTML5 Pivot Grid Widget supports multiple customizations allowing you to provide the look and feel that will satisfy
any user. This demo illustrates only a small part of the available customizations. Toggle the check boxes above the widget to change
the layout at runtime.
67. Ⓒ 2014 agados All rights reserved. 67
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – Advanced Features
API - Display a Tooltip Select a Point
Crosshair Customize Points and Labels
68. Ⓒ 2014 agados All rights reserved. 68
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – Advanced Features
Discrete Axis Zooming and Scrolling Error bars
Export and Printing API Hover Mode
69. Ⓒ 2014 agados All rights reserved. 69
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – Advanced Features
Logarithmic Axis Multiple Axes
Multiple Panes Multiple Point Selection
70. Ⓒ 2014 agados All rights reserved. 70
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – Advanced Features
Multiple Series Selection Null Point Support
Point Image Points Aggregation
71. Ⓒ 2014 agados All rights reserved. 71
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – Advanced Features
Selection Series Templates
Tooltip HTML Support Zooming and Scrolling
72. Ⓒ 2014 agados All rights reserved. 72
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – Tree Map
Flat & Hierarchical Data Structure Tiling algorithms
Colorization Drill Down
73. Ⓒ 2014 agados All rights reserved. 73
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – Simple Bullets
74. Ⓒ 2014 agados All rights reserved. 74
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – DOUGHNUT SERIES
75. Ⓒ 2014 agados All rights reserved. 75
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – Polar and Radar Charts
76. Ⓒ 2014 agados All rights reserved. 76
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – RANGE SERIES
Range Area
Range Bar
77. Ⓒ 2014 agados All rights reserved. 77
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – PIE SERIES
Pie with Multiple Series
Pie with Custom Labels
78. Ⓒ 2014 agados All rights reserved. 78
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – LINE AND POINT SERIES
Bubble Spline
Scatter Line
79. Ⓒ 2014 agados All rights reserved. 79
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – FINANCIAL SERIES
Candlestick
Stock
80. Ⓒ 2014 agados All rights reserved. 80
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – Bar
Full Stacked Bar
Side-by-Side Bar
81. Ⓒ 2014 agados All rights reserved. 81
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – Bar
Auto-Calculated Bar Width
Custom Bar Width
82. Ⓒ 2014 agados All rights reserved. 82
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
2. Chart Category – SPARKLINES
Winloss Sparklines
Simple Sparklines
83. Ⓒ 2014 agados All rights reserved. 83
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
3. Gauges Category – Linear Gauge Basic Elements
Different Value Indicator Types
84. Ⓒ 2014 agados All rights reserved. 84
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
3. Gauges Category – Linear Gauge Basic Elements
Custom Layout
Scale Custom Tick Values
85. Ⓒ 2014 agados All rights reserved. 85
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
3. Gauges Category – Circular Gauge Basic Elements
Different Subvalue Indicator Types
86. Ⓒ 2014 agados All rights reserved. 86
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
3. Gauges Category – Circular Gauge Basic Elements
Angles Customization
Gauge Tooltip
87. Ⓒ 2014 agados All rights reserved. 87
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
3. Gauges Category – Bar Gauge Basic Elements
TooltipLabels Customization
88. Ⓒ 2014 agados All rights reserved. 88
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
4. Navigation Category – Menu
Overview
89. Ⓒ 2014 agados All rights reserved. 89
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
4. Navigation Category – Tab Panel
Overview
Tabs
90. Ⓒ 2014 agados All rights reserved. 90
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
4. Navigation Category – Multi View
Overview
91. Ⓒ 2014 agados All rights reserved. 91
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
4. Navigation Category – Panorama
Overview
92. Ⓒ 2014 agados All rights reserved. 92
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
4. Navigation Category – Tree View
Hierarchical Data Structure
93. Ⓒ 2014 agados All rights reserved. 93
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
4. Navigation Category – Accordion
Accordion
94. Ⓒ 2014 agados All rights reserved. 94
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
5. Editors Category – Text Box
Overview
95. Ⓒ 2014 agados All rights reserved. 95
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
5. Editors Category – Text Area
Overview
96. Ⓒ 2014 agados All rights reserved. 96
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
5. Editors Category – Tag Box
Overview
97. Ⓒ 2014 agados All rights reserved. 97
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
5. Editors Category – Switch / Number Box
Switch
Number Box
98. Ⓒ 2014 agados All rights reserved. 98
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
5. Editors Category – Select Box (Search & Editing)
Overview
99. Ⓒ 2014 agados All rights reserved. 99
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
5. Editors Category – Date Box
Overview
100. Ⓒ 2014 agados All rights reserved. 100
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
5. Editors Category – Color Box
Overview
101. Ⓒ 2014 agados All rights reserved. 101
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
5. Editors Category – Check Box
Overview
102. Ⓒ 2014 agados All rights reserved. 102
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
5. Editors Category – Validation
Overview
103. Ⓒ 2014 agados All rights reserved. 103
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
5. Editors Category – Autocomplete
Overview
104. Ⓒ 2014 agados All rights reserved. 104
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
5. Editors Category – Autocomplete
Overview
105. Ⓒ 2014 agados All rights reserved. 105
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
5. Editors Category – Calendar
Overview
106. Ⓒ 2014 agados All rights reserved. 106
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
6. Forms & Multi-purpose Category – BOX
BOX
107. Ⓒ 2014 agados All rights reserved. 107
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
6. Forms & Multi-purpose Category – Field Set
Field Set
108. Ⓒ 2014 agados All rights reserved. 108
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
6. Forms & Multi-purpose Category – Form
Columns Adaptability
109. Ⓒ 2014 agados All rights reserved. 109
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
6. Forms & Multi-purpose Category – Form
Customize Item
110. Ⓒ 2014 agados All rights reserved. 110
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
6. Forms & Multi-purpose Category – Form
Grouped Fields
111. Ⓒ 2014 agados All rights reserved. 111
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
6. Forms & Multi-purpose Category – Radio Group
Radio Group
112. Ⓒ 2014 agados All rights reserved. 112
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
6. Forms & Multi-purpose Category – Responsive Box
Web
Tablet
Phone
113. Ⓒ 2014 agados All rights reserved. 113
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
6. Forms & Multi-purpose Category – Scheduler
Tab Agenda
114. Ⓒ 2014 agados All rights reserved. 114
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
6. Forms & Multi-purpose Category – Scheduler
Tabs
115. Ⓒ 2014 agados All rights reserved. 115
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
6. Forms & Multi-purpose Category – Scheduler
Time Zones Support
116. Ⓒ 2014 agados All rights reserved. 116
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
6. Forms & Multi-purpose Category – Scheduler
Custom Templates
117. Ⓒ 2014 agados All rights reserved. 117
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
7. Actions and Lists Category – Button
Overview
118. Ⓒ 2014 agados All rights reserved. 118
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
7. Actions and Lists Category – Context Menu
Overview
119. Ⓒ 2014 agados All rights reserved. 119
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
7. Actions and Lists Category – File Uploader
Overview
120. Ⓒ 2014 agados All rights reserved. 120
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
7. Actions and Lists Category – List
Group List
Item Template
121. Ⓒ 2014 agados All rights reserved. 121
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
7. Actions and Lists Category – List
List with Search Bar
List Editing and API
122. Ⓒ 2014 agados All rights reserved. 122
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
7. Actions and Lists Category – Lookup
predefined value selection
123. Ⓒ 2014 agados All rights reserved. 123
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
7. Actions and Lists Category – Maps
Providers and Types
124. Ⓒ 2014 agados All rights reserved. 124
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
7. Actions and Lists Category – Maps (Vector Map)
Bubble Markers
Tooltip HTML Support
125. Ⓒ 2014 agados All rights reserved. 125
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
7. Actions and Lists Category – Maps (Vector Map)
Bubble Markers
Pie Markers
126. Ⓒ 2014 agados All rights reserved. 126
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
7. Actions and Lists Category – Maps (Vector Map)
Tooltip HTML Support
127. Ⓒ 2014 agados All rights reserved. 127
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
7. Actions and Lists Category – Maps (Vector Map)
Dynamic Viewport
Custom Map Data
128. Ⓒ 2014 agados All rights reserved. 128
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
9. Dialog & Notifications Category – Load Panel(Indicator), Popup, Popover
Load Indicator Load Panel
PopoverPopup
129. Ⓒ 2014 agados All rights reserved. 129
화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls)
9. Dialog & Notifications Category – Load Panel(Indicator), Popup, Popover
Progress Bar
TooltipToast