image10

Amexio (Angular) UI Components

image11

 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

image12

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

image13

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

image14

  • 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

image15

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

Carousel View / Scroll View

image16

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

image17

  • 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

image18

Multi Style Tab Support

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

Windows / Cards

image19

Basic Window

Confirm / Alert / Wait Dialog

Yes / No / Cancel Dialog

Prompt Dialog



Cards with Images

Cards with Text



Menu Bar

image20

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

image21

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

image22

Stacked Column Charts

image23

Donuts

image24

Line Charts

image25

Area Charts

image26

Histograms

image27

Combo Chart

image28

Time Line Charts

image29

Pie Charts

image30

Bar Chart

image31

Column Chart

image32

Candle Stick Charts

image33

Bubble Chart

image34

Scatter Chart

image35

Difference Scatter Chart

image36

Amexio Plugin 4 Visual Studio

image58

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

image59

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