Releases: meta-magic/amexio.github.io
Amexio Hampi Release Update 1 - v2.1.0 (Added 10 Charts + 1 Component + Bug Fix)
After squashing few bugs and simultaneously adding a whole new Charting Library (based on google charts) with 8 unique Charts which can be easily configured and implemented. We have released Amexio 2.1.0 .Having 52 Components & now 9 Charts we have Re-Structured the entire Amexio into seperate modules to ease the usage, For Charting AmexioChartModule is provided under amexio-ng-extensions/charts on npm, and thats not it, we have more to come! Check out the details below for the list of goodies included in Amexio's 2.1.0 Release.
Components | Description |
---|---|
Listbox | Allows user to display list of items in user defined template. |
Charts | Description |
---|---|
Area Chart | Displays graphically quantitative data based on line charts |
Bar Chart | A chart or graph that presents grouped data with rectangular bars with lengths proportional to the values |
Column Chart | A Column Chart is a graphic representation of data displaying vertical bars. |
Donut Chart | A donut chart is essentially a Pie Chart with an area of the center cut out. |
Gauge Chart | Guage Chart (also known as dial chart or speedometer chart) uses a single needle to show information |
Geo Chart | A visual feedback for the data provided plotted against a map. |
Histogram Chart | A Bar chart histogram showing accurate graphical representation of the distribution of numerical data. |
Pie Chart | A circular statistical graphic which is divided into slices to illustrate numerical proportion |
Line Chart | Line Graph is a type of chart which displays information as a series of data points called 'markers' . |
Resolved Issues /Bugs | Description |
---|---|
#9 | Cannot customize treedatatable column in both v1 & v2 |
#8 | Dropdown Event Triggers Fails inside Modals |
#7 | Not loading in chrome or IE |
#6 | dropdown not working |
Feature Addition | Commit Link |
---|---|
Added bootstrap default notifications to replace the existing Messenger | ca57351 |
Modular Packaging Re-Structure | 8f9886b |
Improved Third-Party Depedency Warnings | eb75143 |
**Note : The charting library is made from Google Charts.
Amexio Hampi Release v2.0.0 (Bootstrap 4 + 51 Components (10 more added))
Amexio (Angular MetaMagic EXtensions for Inputs and Outputs) is a rich set of (Google) Angular 4 UI
components powered by (Twitter) Bootstrap 4 for Responsive Design. We provide a single module as an import for using our rich set of 50 UI components and can be easily configured and implemented in a project. Check out the Amexio UI Library Demo and API documentation (amexio.org).
Converted all components of v1.0.42 to Bootstrap 4 and added below list of components.
Components | Description |
---|---|
Split Button | The SplitButton allows the user to execute a default action that is bound to a Button. |
Left Vertical Tab | Left aligned Vertical navigation tab. |
Right Vertical Tab | Right aligned Vertical navigation tab |
90 Degree Rotation Vertical Tab | Rotate text and image in 90 degree. |
Window Pane | Modal Window pane with closable , Header, Body & Footer configuration. |
Small Large Window Pane | Large/Small Modal Window |
Card | User can create Card with custom Header/Body/Footer. With different configuration like style, hide/unhide. |
Confirm Window | Confirmation box with Yes/No action. |
Alert | Alert box with Ok action. |
Progress Bar with different color variant | User will have choice to display progress bar in different colors. |
Amexio Varanasi Release v1.0.42 Update 1 (Bootstrap 3 + 41 Components (10 more added))
Amexio (Angular MetaMagic EXtensions for Inputs and Outputs) is a rich set of (Google) Angular 4 UI
components powered by (Twitter) Bootstrap 3 for Responsive Design. We provide a single module as an import for using our rich set of 41 UI components and can be easily configured and implemented in a project. Check out the Amexio UI Library Demo and API documentation.
Components | Description |
---|---|
Type ahead | Data list is shown based on user type ahead. |
Data Grid Grouping | Data Grid provides options for displaying grouped table data. |
Data Grid Filtering | Data Grid allows the user to display only the records that meet specified criteria. |
Data Grid Scrollable | Data Grid provides options for configuring its scroll modes. |
Tree with checkbox | Tree provides options for enabling checkbox |
Tree with filter | Tree allows the user to display only the records that meet specified criteria. |
Top Navbar | Displays nav bar on top of screen. |
Bottom Navbar | Displays nav bar on bottom of screen. |
Left Side Navbar | Displays nav bar on left side of screen. |
Right Side Navbar | Displays nav bar on right side of screen. |
Navbar with Template support | User can customize look and feel of nav bar. |
Amexio Varanasi Release v1.0.0 (Bootstrap 3 Support + 30 Components)
Amexio (Angular MetaMagic EXtensions for Inputs and Outputs) is a rich set of (Google) Angular 4 UI
components powered by (Twitter) Bootstrap 3 for Responsive Design. We provide a single module as an import for using our rich set of 30 UI components and can be easily configured and implemented in a project. Check out the Amexio UI Library Demo and API documentation(amexio.org).
Component | Description |
---|---|
Button | Buttons with various style types - Default, Primary, Warning, Success, Danger. Size attribute - Small, Default, Large. Link attribute - Route to new page. Click event - take action on click of button. |
Button Group | Group various button in one group. Has all functionality of button also. |
Drop Down Button | Provides a built-in dropdown arrow that can fire an event separately from the default click event of the button. |
Text Input | Text input providing following features, Validation - based on attributes (min, max, allowblank, regex) defined. Hightlight the text input if data is not valid. Help Tooltip - based on attributes defined., Icon - define field icon, Style - Define custom font style. |
Email Input | Email input providing following features, Validation - Default Email validation . Hightlight the text input if data is not valid. Help Tooltip - based on attributes defined. Icon - define field icon |
Password Input | Password input providing following features, Validation - based on attributes (min, max, allowblank, regex) defined. Hightlight the text input if data is not valid. Help Tooltip - based on attributes defined., Icon - define field icon, Style - Define custom font style. |
Numeric Input | Numeric input providing following features, Validation - based on attributes (min, max, allowblank) defined. Hightlight the text input if data is not valid. Help Tooltip - based on attributes defined., Icon - define field icon, Style - Define custom font style." |
Text Area | Text Area providing following features, Validation - based on attributes (min, max, allowblank, regex) defined. Hightlight the text input if data is not valid. Help Tooltip - based on attributes defined., Icon - define field icon, Style - Define custom font style. |
Rating | Has following features: Max - based on attribute defined that many star will be displayed for user to rate, Percentage label display. |
Date Time Picker | Displays date/time component based on user configuration. Emitts date or time based on selection. |
Radio Group | Display radio button based on store. Emitts the data based on radio selection. |
Check Group | Display check box based on store. Emitts the data based on check box selection. |
Drop Down | Display dropdown components based on data store attached or service call. |
Multi Select Drop Down | Display dropdown components where user can select multiple values from drop down. |
Filter Drop Down | Provides search facility for drop-down |
Data Grid | Renders the data in table format, inbuilt features like sorting, pagination, Row Selection, Multi row selection using checkbox. |
Data Grid Template | User can customize the look and feel of the row/column using templates. |
Data Grid Responsive | Inbuilt responsive features, changes layout based of device size. |
Tree Data Grid | Renders tree structure data in tree data grid format. |
Tree View | Based on tree structure data creates tree view. |
Progress Bar | Shows the progress based on min/max/current value attribute defined. |
Carousel - Image | Renders the images in carousel view format. |
Carousel - Html Content | Renders the html content in carousel view format. |
Horizontal Tabs | Simple Tab Control for Angular Apps with multiple configurations. |
Horizontal Tabs with Icon | Renders tab with icon. |
Horizontal Tab with scrollable feature | Brings left/right navigation button If there are two many tabs. |
Left Popover for input component | Left Help popover displayed for input components. |
Right Popover for input component | Right Help popover displayed for input components. |
Top Popover for input component | Top Help popover displayed for input components. |
Bottom Popover for input component | Bottom Help popover displayed for input components. |