O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

AGADOS function & feature Chapter-01 UI define elements

AGADOS function & feature

Chapter-01 UI define elements

  • Seja o primeiro a comentar

AGADOS function & feature Chapter-01 UI define elements

  1. 1. Agados Functions & Features Chapter 1. Biz-Apps UI 정의(디자인) 기능과 특징 Functions & Features Revision: 2016.07.23 Template Revision:20131025 v2.0
  2. 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. 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. 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. 5. Ⓒ 2014 agados All rights reserved. 5 화면 디자인/재조정 기능 다양한 Controls 사용 Screen 디자인/재조정  다양한 UI Controls 사용  Screen Rules 제작  Screen Rule은 Repository에 Meta Data화
  6. 6. Ⓒ 2014 agados All rights reserved. 6 Windows Native Apps 용 UI Control • 복잡한 업무용 Application의 특성상, 인트라넷용 Window Native Apps이 최적 • 윈도우즈용 Business Application을 가장 쉽고 빠르게 생성할 수 있는 수단
  7. 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. 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. 9. Ⓒ 2014 agados All rights reserved. 9 화면 디자인/재조정 기능 다양한 Controls – Box 컨트롤 Control Control Name  FilterControl  FontEdit  DropDownButton Control Control Name  DateEdit  GridLookUpEdit  HiperLinkEdit
  10. 10. Ⓒ 2014 agados All rights reserved. 10 화면 디자인/재조정 기능 다양한 Controls – Box 컨트롤 Control Control Name  MarqueeProcessBar  ImageEdit  ImageListBox Control Control Name  ImageComboboxEdit  LookUpEdit  ListBoxControl
  11. 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. 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. 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. 14. Ⓒ 2014 agados All rights reserved. 14 화면 디자인/재조정 기능 다양한 Controls – Container Layout 컨트롤 2. LayoutControl  화면의 Bound가 변경되었을 때, ‘auto-calculating function’ 을 통해 ‘Auto-Bound-Adjustment’ 된다. Customization mode
  15. 15. Ⓒ 2014 agados All rights reserved. 15 화면 디자인/재조정 기능 다양한 Controls – Bar 컨트롤 Control Control Name  NavBarControl  TitleControl  WebBrowser Control Control Name
  16. 16. Ⓒ 2014 agados All rights reserved. 16 화면 디자인/재조정 기능 다양한 Controls – Grid 컨트롤 1. Base Grid (기본 그리드)
  17. 17. Ⓒ 2014 agados All rights reserved. 17 화면 디자인/재조정 기능 다양한 Controls – Grid 컨트롤 2. Band Grid (밴드 타입)
  18. 18. Ⓒ 2014 agados All rights reserved. 18 화면 디자인/재조정 기능 다양한 Controls – Grid 컨트롤 3. Advanced Band Grid (고급 밴드 타입)
  19. 19. Ⓒ 2014 agados All rights reserved. 19 화면 디자인/재조정 기능 다양한 Controls – Grid 컨트롤 4. Card Grid (카드 타입)
  20. 20. Ⓒ 2014 agados All rights reserved. 20 화면 디자인/재조정 기능 다양한 Controls – Grid 컨트롤 5. Layout Grid (별도 Layout 타입)
  21. 21. Ⓒ 2014 agados All rights reserved. 21 화면 디자인/재조정 기능 다양한 Controls – Pivot Grid 컨트롤 고급 Pivoting 기능을 위한 Grid
  22. 22. Ⓒ 2014 agados All rights reserved. 22 화면 디자인/재조정 기능 다양한 Controls – Pivot Grid 컨트롤 PivotGrid 와 Chart 의 조합
  23. 23. Ⓒ 2014 agados All rights reserved. 23 화면 디자인/재조정 기능 다양한 Controls – Tree List 컨트롤 Tree 구조 스타일 List
  24. 24. Ⓒ 2014 agados All rights reserved. 24 화면 디자인/재조정 기능 다양한 Controls – Scheduler 컨트롤 Daily View Work Weekly View
  25. 25. Ⓒ 2014 agados All rights reserved. 25 화면 디자인/재조정 기능 다양한 Controls – Scheduler 컨트롤 Weekly View Monthly View
  26. 26. Ⓒ 2014 agados All rights reserved. 26 화면 디자인/재조정 기능 다양한 Controls – Scheduler 컨트롤 TimeLine View Gantt View
  27. 27. Ⓒ 2014 agados All rights reserved. 27 화면 디자인/재조정 기능 다양한 Controls – Chart (2D/3D Bar) 컨트롤 Gantt View
  28. 28. Ⓒ 2014 agados All rights reserved. 28 화면 디자인/재조정 기능 다양한 Controls – Chart ( Point / Line / Bubble ) 컨트롤 Point / Line / Bubble/ Stacked Line
  29. 29. Ⓒ 2014 agados All rights reserved. 29 화면 디자인/재조정 기능 다양한 Controls – Chart ( Lines ) 컨트롤 Full Stacked Line/ Spline / Step Line / Scatter Line
  30. 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. 31. Ⓒ 2014 agados All rights reserved. 31 화면 디자인/재조정 기능 다양한 Controls – Chart ( Pie / Doughnut / Funnel ) 컨트롤 Pie / 3D Pie / Doughnut / 3D Doughnut / 3D Spline / Funnel / 3D Funnel
  32. 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. 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. 34. Ⓒ 2014 agados All rights reserved. 34 화면 디자인/재조정 기능 다양한 Controls – Chart ( Range ) 컨트롤 Range Bar/ Range Bar Side-by-Side / Range Area / 3D Range Area
  35. 35. Ⓒ 2014 agados All rights reserved. 35 화면 디자인/재조정 기능 다양한 Controls – Chart ( Radar / Polar ) 컨트롤 Radar Point / Radar Line / Radar Area / Polar Point / Polar Line / Polar Area
  36. 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. 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. 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. 39. Ⓒ 2014 agados All rights reserved. 39 화면 디자인/재조정 기능 다양한 Controls – Dock Manager , Alert 컨트롤 Dock Manager  ‘DockManager’ 은 ‘Docking’ 기능을 제공 Alert Control  ‘AlertControl’ 은 Message를 보여주는 컨트롤
  40. 40. Ⓒ 2014 agados All rights reserved. 40 표준 HTML5 용 UI Control • 브라우저 내에서 실행되는 표준 HTML5 적용 Biz-Apps 제작에 사용 • HTML5 웹 표준 적용, 복잡한 Business Application을 가장 쉽고 빠르게 생성
  41. 41. Ⓒ 2014 agados All rights reserved. 41 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Adaptability Overview
  42. 42. Ⓒ 2014 agados All rights reserved. 42 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Appearance Overview Right-To-Left Support
  43. 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. 44. Ⓒ 2014 agados All rights reserved. 44 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Columns Column Customization
  45. 45. Ⓒ 2014 agados All rights reserved. 45 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Data Summaries Grid Summaries Group Summaries
  46. 46. Ⓒ 2014 agados All rights reserved. 46 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Data Summaries Custom Summaries
  47. 47. Ⓒ 2014 agados All rights reserved. 47 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Editing Batch Editing Cell Editing and Editing API
  48. 48. Ⓒ 2014 agados All rights reserved. 48 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Editing Form Editing
  49. 49. Ⓒ 2014 agados All rights reserved. 49 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Editing Row Editing and Editing Events
  50. 50. Ⓒ 2014 agados All rights reserved. 50 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Editing Data Validation
  51. 51. Ⓒ 2014 agados All rights reserved. 51 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Export Export to Excel
  52. 52. Ⓒ 2014 agados All rights reserved. 52 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Filtering & Sorting Filtering Multiple Sorting
  53. 53. Ⓒ 2014 agados All rights reserved. 53 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Filtering & Sorting Filtering API
  54. 54. Ⓒ 2014 agados All rights reserved. 54 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Grouping Record Grouping
  55. 55. Ⓒ 2014 agados All rights reserved. 55 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Grouping Remote Grouping
  56. 56. Ⓒ 2014 agados All rights reserved. 56 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Mater-Detail Master-Detail View
  57. 57. Ⓒ 2014 agados All rights reserved. 57 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Paging & Scrolling Record Paging
  58. 58. Ⓒ 2014 agados All rights reserved. 58 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Paging & Scrolling Virtual Scrolling
  59. 59. Ⓒ 2014 agados All rights reserved. 59 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Pivot Grid Layout Customization
  60. 60. Ⓒ 2014 agados All rights reserved. 60 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Pivot Grid State Persistence
  61. 61. Ⓒ 2014 agados All rights reserved. 61 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Pivot Grid Drill Down
  62. 62. Ⓒ 2014 agados All rights reserved. 62 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Pivot Grid Chart Integration
  63. 63. Ⓒ 2014 agados All rights reserved. 63 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Pivot Grid Field Chooser
  64. 64. Ⓒ 2014 agados All rights reserved. 64 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Pivot Grid Field Panel
  65. 65. Ⓒ 2014 agados All rights reserved. 65 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 1. Data Grid Category – Selection Multiple Record Selection
  66. 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. 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. 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. 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. 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. 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. 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. 73. Ⓒ 2014 agados All rights reserved. 73 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 2. Chart Category – Simple Bullets
  74. 74. Ⓒ 2014 agados All rights reserved. 74 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 2. Chart Category – DOUGHNUT SERIES
  75. 75. Ⓒ 2014 agados All rights reserved. 75 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 2. Chart Category – Polar and Radar Charts
  76. 76. Ⓒ 2014 agados All rights reserved. 76 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 2. Chart Category – RANGE SERIES Range Area Range Bar
  77. 77. Ⓒ 2014 agados All rights reserved. 77 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 2. Chart Category – PIE SERIES Pie with Multiple Series Pie with Custom Labels
  78. 78. Ⓒ 2014 agados All rights reserved. 78 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 2. Chart Category – LINE AND POINT SERIES Bubble Spline Scatter Line
  79. 79. Ⓒ 2014 agados All rights reserved. 79 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 2. Chart Category – FINANCIAL SERIES Candlestick Stock
  80. 80. Ⓒ 2014 agados All rights reserved. 80 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 2. Chart Category – Bar Full Stacked Bar Side-by-Side Bar
  81. 81. Ⓒ 2014 agados All rights reserved. 81 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 2. Chart Category – Bar Auto-Calculated Bar Width Custom Bar Width
  82. 82. Ⓒ 2014 agados All rights reserved. 82 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 2. Chart Category – SPARKLINES Winloss Sparklines Simple Sparklines
  83. 83. Ⓒ 2014 agados All rights reserved. 83 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 3. Gauges Category – Linear Gauge Basic Elements Different Value Indicator Types
  84. 84. Ⓒ 2014 agados All rights reserved. 84 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 3. Gauges Category – Linear Gauge Basic Elements Custom Layout Scale Custom Tick Values
  85. 85. Ⓒ 2014 agados All rights reserved. 85 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 3. Gauges Category – Circular Gauge Basic Elements Different Subvalue Indicator Types
  86. 86. Ⓒ 2014 agados All rights reserved. 86 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 3. Gauges Category – Circular Gauge Basic Elements Angles Customization Gauge Tooltip
  87. 87. Ⓒ 2014 agados All rights reserved. 87 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 3. Gauges Category – Bar Gauge Basic Elements TooltipLabels Customization
  88. 88. Ⓒ 2014 agados All rights reserved. 88 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 4. Navigation Category – Menu Overview
  89. 89. Ⓒ 2014 agados All rights reserved. 89 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 4. Navigation Category – Tab Panel Overview Tabs
  90. 90. Ⓒ 2014 agados All rights reserved. 90 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 4. Navigation Category – Multi View Overview
  91. 91. Ⓒ 2014 agados All rights reserved. 91 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 4. Navigation Category – Panorama Overview
  92. 92. Ⓒ 2014 agados All rights reserved. 92 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 4. Navigation Category – Tree View Hierarchical Data Structure
  93. 93. Ⓒ 2014 agados All rights reserved. 93 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 4. Navigation Category – Accordion Accordion
  94. 94. Ⓒ 2014 agados All rights reserved. 94 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 5. Editors Category – Text Box Overview
  95. 95. Ⓒ 2014 agados All rights reserved. 95 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 5. Editors Category – Text Area Overview
  96. 96. Ⓒ 2014 agados All rights reserved. 96 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 5. Editors Category – Tag Box Overview
  97. 97. Ⓒ 2014 agados All rights reserved. 97 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 5. Editors Category – Switch / Number Box Switch Number Box
  98. 98. Ⓒ 2014 agados All rights reserved. 98 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 5. Editors Category – Select Box (Search & Editing) Overview
  99. 99. Ⓒ 2014 agados All rights reserved. 99 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 5. Editors Category – Date Box Overview
  100. 100. Ⓒ 2014 agados All rights reserved. 100 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 5. Editors Category – Color Box Overview
  101. 101. Ⓒ 2014 agados All rights reserved. 101 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 5. Editors Category – Check Box Overview
  102. 102. Ⓒ 2014 agados All rights reserved. 102 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 5. Editors Category – Validation Overview
  103. 103. Ⓒ 2014 agados All rights reserved. 103 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 5. Editors Category – Autocomplete Overview
  104. 104. Ⓒ 2014 agados All rights reserved. 104 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 5. Editors Category – Autocomplete Overview
  105. 105. Ⓒ 2014 agados All rights reserved. 105 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 5. Editors Category – Calendar Overview
  106. 106. Ⓒ 2014 agados All rights reserved. 106 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 6. Forms & Multi-purpose Category – BOX BOX
  107. 107. Ⓒ 2014 agados All rights reserved. 107 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 6. Forms & Multi-purpose Category – Field Set Field Set
  108. 108. Ⓒ 2014 agados All rights reserved. 108 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 6. Forms & Multi-purpose Category – Form Columns Adaptability
  109. 109. Ⓒ 2014 agados All rights reserved. 109 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 6. Forms & Multi-purpose Category – Form Customize Item
  110. 110. Ⓒ 2014 agados All rights reserved. 110 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 6. Forms & Multi-purpose Category – Form Grouped Fields
  111. 111. Ⓒ 2014 agados All rights reserved. 111 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 6. Forms & Multi-purpose Category – Radio Group Radio Group
  112. 112. Ⓒ 2014 agados All rights reserved. 112 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 6. Forms & Multi-purpose Category – Responsive Box Web Tablet Phone
  113. 113. Ⓒ 2014 agados All rights reserved. 113 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 6. Forms & Multi-purpose Category – Scheduler Tab Agenda
  114. 114. Ⓒ 2014 agados All rights reserved. 114 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 6. Forms & Multi-purpose Category – Scheduler Tabs
  115. 115. Ⓒ 2014 agados All rights reserved. 115 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 6. Forms & Multi-purpose Category – Scheduler Time Zones Support
  116. 116. Ⓒ 2014 agados All rights reserved. 116 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 6. Forms & Multi-purpose Category – Scheduler Custom Templates
  117. 117. Ⓒ 2014 agados All rights reserved. 117 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 7. Actions and Lists Category – Button Overview
  118. 118. Ⓒ 2014 agados All rights reserved. 118 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 7. Actions and Lists Category – Context Menu Overview
  119. 119. Ⓒ 2014 agados All rights reserved. 119 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 7. Actions and Lists Category – File Uploader Overview
  120. 120. Ⓒ 2014 agados All rights reserved. 120 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 7. Actions and Lists Category – List Group List Item Template
  121. 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. 122. Ⓒ 2014 agados All rights reserved. 122 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 7. Actions and Lists Category – Lookup predefined value selection
  123. 123. Ⓒ 2014 agados All rights reserved. 123 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 7. Actions and Lists Category – Maps Providers and Types
  124. 124. Ⓒ 2014 agados All rights reserved. 124 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 7. Actions and Lists Category – Maps (Vector Map) Bubble Markers Tooltip HTML Support
  125. 125. Ⓒ 2014 agados All rights reserved. 125 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 7. Actions and Lists Category – Maps (Vector Map) Bubble Markers Pie Markers
  126. 126. Ⓒ 2014 agados All rights reserved. 126 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 7. Actions and Lists Category – Maps (Vector Map) Tooltip HTML Support
  127. 127. Ⓒ 2014 agados All rights reserved. 127 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 7. Actions and Lists Category – Maps (Vector Map) Dynamic Viewport Custom Map Data
  128. 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. 129. Ⓒ 2014 agados All rights reserved. 129 화면 디자인/재조정 기능 (HTML5 화면 적용 UI Controls) 9. Dialog & Notifications Category – Load Panel(Indicator), Popup, Popover Progress Bar TooltipToast

×