image61

Amexio (Angular) UI Components

image62

 Amexio (Angular MetaMagic EXtensions for Inputs & Outputs) is a rich set of Angular 6 components powered by HTML5 & CSS3 for Responsive Design. Amexio is completely Open Sourced and Free. It's based on Apache 2 License.


  • 140+ UI Components
  • 80+ Additional UI Features
  • Charts / Maps / Dashboard / Layouts
  • 57 Material Design Themes
  • 16 Amexio Themes
  • D3 Charts (14)
  • Drillable / Zoomable Charts
  • Drag and Drop Feature
  • Responsive Web Design
  • Server side Rendering

Input Components

image63

Form fields - Text Fields, Numeric Fields, Checkbox, Radio Button, DropDown Menus, Date Picker, Time Picker, Type Ahead Text Fields etc.

With validator and warning messages. Validation based on the following attributes.

  • Min and Max values
  • Allow Blanks
  • RegEx
  • Special Field validators like (Email, Password etc)

Dropdowns with Multi Select options

image64

Dropdowns with more control on how the selection needs to be implemented.

  • Filtering
  • Multi Select 
  • Multi Select with max limit
  • Display total items selected or selected items
  • Split Button 

Data Grid

image65

  • Client side pagination with Previous, Next, Jump to page Features. 
  • Sorting based on String and Numeric data. 
  • Single row and Multi row selection. 
  • Hide columns, Responsive Feature for Grids
  • Tree Data Grid
  • Data Grid Grouping
  • Filters for Data Grids

Tree

image66

  • Tree View
  • Tree with Filters
  • Tree with Checkbox
  • Tree with Templates

Carousel View / Scroll View

image67

The ScrollView displays a collection of images or other content in a horizontal layout with built-in navigation between the items.

Good for Product catalogues with 'n' number of images to display in a scrollable fashion. 

Form Utilities

image68

  • Progress Bar
  • Notification Messages - with various styles Info, Success, Warning, Danger.
  • Multi Selector - ItemSelector is a specialized MultiSelect field that renders as a pair of MultiSelect field, one with available options and the other with selected options. A set of buttons in between allows items to be moved between the fields and reordered within the selection

Tabs

image69

Multi Style Tab Support

  • Simple Tabs
  • Tabs with Icons
  • Closable Tabs
  • Scrollable Tabs
  • Right Tab
  • Left Tab
  • 90 degree rotated Left Tab

Windows / Cards

image70

Basic Window

Confirm / Alert / Wait Dialog

Yes / No / Cancel Dialog

Prompt Dialog



Cards with Images

Cards with Text



Menu Bar

image71

Application Menus based on for different options and by default Responsive in nature. 

  1. Top Menu Bar
  2. Bottom Menu Bar (Good for Smart Device Apps)
  3. Left Drawer Menu Bar
  4. Right Drawer Menu Bar

image72

Templates

Templates are available for Grid and Tree. In Angular HTML is the language for template. Checkout the template examples in Grid View and Tree View.

Amexio Angular Charts based on Google Charts

Stacked Bar Charts

image73

Stacked Column Charts

image74

Donuts

image75

Line Charts

image76

Area Charts

image77

Histograms

image78

Combo Chart

image79

Time Line Charts

image80

Pie Charts

image81

Bar Chart

image82

Column Chart

image83

Candle Stick Charts

image84

Bubble Chart

image85

Scatter Chart

image86

Difference Scatter Chart

image87

Amexio Plugin 4 Visual Studio

image109

Microsoft Visual Studio Code - Extension

Amexio Angular Extension for Microsoft Visual Studio Code helps the developers to fast track the Angular development using Amexio UI Components Library. 

Amexio Plugin 4 Atom Editor

image110

Atom Editor - Extension

Amexio Angular Extension for Atom Editor helps the developers to fast track the Angular development using Amexio UI Components Library. 

Angular 6

Angular is known for its speed, performance and incredible tools. Lets learn about Angular 6, its basics, how to create small/medium/large applications with Angular 6 in this web series.

Why TypeScript?

Microsoft's Anders Hejlsberg: Introducing TypeScript.


  • TypeScript is a programming language that makes it easier to write cross-platform, application scale, JavaScript that runs in any browser or in any host

TypeScript, JavaScript & Dart

Lars Bak and Anders Hejlsberg talk about Dart, TypeScript and JavaScript with Channel 9