Skip to content

Releases: meta-magic/amexio.github.io

Amexio Hampi Release Update 1 - v2.1.0 (Added 10 Charts + 1 Component + Bug Fix)

11 Aug 13:26
Compare
Choose a tag to compare

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))

02 Aug 09:59
Compare
Choose a tag to compare

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))

02 Aug 06:41
Compare
Choose a tag to compare

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)

02 Aug 06:26
Compare
Choose a tag to compare

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.