Author Archives: admin

Advanced Data Visualization with Grid Charting

Smart.Chart integration with Smart.Grid The next version of Smart Web Components will bring integrated charting functionality that allows users to chart directly inside the Grid Web Component. We are happy to announce that Smart Grid is the First Enterprise Grid … Continue reading
HTML Elements, Smart Grid, Smart.Chart
, , ,

Leave a comment

Smart HTML Elements v4.3.0 Release

Smart HTML Elements v4.3.0 Release, Aug-28-2019 What’s New: Smart.App is extended with ‘formData’ and ‘jsonData’ properties. ‘jsonData’ gets the raw ‘data’ object. ‘formData’ gets a FormData object. Smart.App is extended with ‘smart-model’ binding to ‘Date’ objects.> Smart.Grid duplicate columns support. … Continue reading
HTML Elements

Leave a comment

Data Export to XLSX, PDF, CSV, TSV, XML, HTML and JSON

The newest 4.2.0 version of the Smart UI toolkit includes a very important business feature – Grid Data Export. You can now export the data from your grid component to various formats. The supported formats are .xlsx, .xml, .pdf, .csv, … Continue reading
Smart Grid

Leave a comment

Using Web Components with Angular

We are happy to announce that with the release of Smart HTML Elements ver. 4.1.0, we added “Using with Angular” example for each web component. These Angular examples are available in the Demos section and will help you to use … Continue reading
Uncategorized

Leave a comment

Smart HTML Elements v4.0.0 Release

Smart HTML Elements v4.0.0 Release, Aug-01-2019 What’s New: Gantt Chart Web Component File Upload Web Component DropDownButton Web Component Sortable Web Component Color Panel Web Component Color Picker Web Component Query Builder Web Component Validator Web Component New Button styles … Continue reading
HTML Elements, Smart Grid, Web Components

Leave a comment

DockingLayout Web Component with Angular

Using Smart.DockingLayout Web Component in Angular application This post shows how to use the DockingLayout component with Angular and how easy the integration is. app.component.html In the app.component.html, we add the smart-docking-layout tag. <smart-docking-layout [layout]=”layout”></smart-docking-layout> app.module.ts To make Angular work … Continue reading
Angular, HTML Elements, Javascript, Web Components
, , , , , , ,

Leave a comment

Define a Custom Element

In this post, we will show you how to define a Custom Element with Smart Framework. We will create a Material Color Picker custom element. 1. Define the Custom Element. To define a new custom element with Smart Framework, we … Continue reading
HTML Elements, Javascript, Web Components


Leave a comment

TreeGrid and Grouping

Tree Grid, Grouping, Context Menus The latest version of Smart HTML Elements brings important new features to our Smart Grid Web Component. It is now possible to display data hierarchies in the web component. The Grid allows you to display … Continue reading
HTML Elements, Javascript, Smart Grid
, , ,

Leave a comment

New Grid Features

Newest features in the Grid Column Templates HTMLTemplateElement column Custom Editors in the Grid Custom Grid Editor Ever Present Row / Add New Row Add New Row TextArea Popup Editor Textarea Grid Editor
HTML Elements, Smart Grid


Leave a comment

Lazy Initialization of Web Components

This post shows how to create a Grid Web component and initialize it from a DIV tag The next version ver3.1.0 of Smart HTML Elements will introduce an alternative way to create a Web Component on demand from an existing … Continue reading
HTML Elements, Javascript, Web Components
, , ,

Leave a comment

Chart Custom Element Released

Best Chart Custom Element has just arrived The latest version of Smart HTML Elements, brings a full featured Chart Custom Element with more than 30 different Data Visualization options. The Chart Types supported are listed: Chart Types. Our Chart Custom … Continue reading
HTML Elements, Javascript, Web Components


Leave a comment

Binding to Row, Cell and Column Events in Grid Web Component

This post shows how to bind to the Grid Web Component events. The code below initializes the Grid instance and binds to the ‘click’ event. Within the event handler, we can get details about which part of the Grid was … Continue reading
Smart Grid, Web Components
,

Leave a comment

AutoComplete Input Custom Element also known as Typeahead

The newest version of our framework marks the availability of a new AutoComplete Input tag. We needed such lightweight component for the purposes of our Grid web component.There, it is used as an inline cell editor. You can check it … Continue reading
Uncategorized
, , , , , , , , , ,

Leave a comment

Extend Elements with Behaviors

Our Web Components library has a feature, which allows you to dynamically extend a Custom Element with additional behaviors. We call them Modules. To add a new module, you have to call the ‘addModule’ method. In this blog, we will … Continue reading
HTML Elements, Javascript
, , , , , ,

Leave a comment

Get Caller JavaScript File Location

If you need to get the Path to the current Javascript file being executed, you can use this small function: const location = (function () { if (document.currentScript) { let link = document.currentScript.src; let lastIndex = link.lastIndexOf(‘/’); link = link.substring(0, … Continue reading
HTML Elements, Web Components
, ,

Leave a comment

Grid with Very Large Data Set

One of the new additions to our Javascript Grid Web Component is the capability to load very large data sets. Example: Grid Large Data Set. In the example, we demonstrate how to load 50,000 rows and 1,000 columns. This can … Continue reading
Smart Grid
, , , , , , , , ,

Leave a comment

Released ver. 2.3.0 of our Web Components

The new release includes major changes in the Grid web component and also bug fixes, visual style improvements in all components. The version can be downloaded from our Download page or you can install it through NPM npm i @smarthtmlelements/smart-core … Continue reading
Smart Grid
, , , , , , , , , ,

Leave a comment

Smart Web Components ver.2.2.0

The new release brings a lot of new things to our product. Framework: Model-View Two-Way data bindings Table Web Component – 100% Free Table replacement with Sorting and Data Binding capabilities. Grid Rows Freeze Grid ColumnsFreeze Grid Columns Resize
Smart Grid, Web Components
, , ,

Leave a comment

DataGrid Cells Merge and Columns Crud Features

Cells Merge – allows you to span a cell through multiple rows or columns. To use this feature, you need to access a Grid cell, through the Grid’s ‘rows’ array. Each row in the ‘rows’ array has ‘cells’ array. It … Continue reading
Smart Grid
, , , , , , , , , , , , , , , ,

Leave a comment

A Curated List of Awesome Custom Elements & Web Components

You can check it here: https://htmlelements.github.io/awesome-custom-elements/. Contributions are welcome!
Uncategorized

Leave a comment

New Grid Data Paging Options

With the new release of our Grid Web Component, we added additional Data Paging options. With the help of them, you can customize the Paging appearance and behavior. – Pager can be displayed above and/or below the Grid. – Pager … Continue reading
Angular, HTML Elements, Smart Grid
, , ,

Leave a comment

Happy New Year

Happy New Year
Uncategorized

Leave a comment

Smart HTML Elements Adds Native Angular Support

Angular and Web Components Web Components is the future of reusable components development for modern and professional web applications. Smart HTML Elements represents a framework based on Javascript, HTML and CSS for building modern web-based applications optimized for PC and … Continue reading
Angular, HTML Elements, Web Components
, , ,

Leave a comment

Grid Web Component

The newest release of Smart HTML Elements includes a Grid Web Component with the following features: Paging, Sorting, Sorting by multiple columns, Virtual Scrolling and Infinite Scrolling. What is Paging? Paging lets users view large sets of data in small … Continue reading
HTML Elements, Smart Grid, Web Components
, , , , , ,

Leave a comment

Dropdown Button Custom Element

In this blog we are going to show you our DropDown Button custom element. The DropDown button web component is a button element which when pressed opens a drop down list. The drop down list contain a set of selectable … Continue reading
Smart ComboBox
, , , , , , ,

Leave a comment

Date Picker Custom Element

In this blog we are going to show you our Date Picker custom element. The Date Picker web component allows you to pick a date with the help of a calendar component. The custom element can be used in cases … Continue reading
HTML Elements, Smart Calendar, Web Components


Leave a comment

ListBox Custom Element with Images

ListBox Custom Element with Images In this blog we are going to show you our ListBox Custom Element with Images. The ListBox web component is a drop down list of selectable items which can be scrolled up and down. The … Continue reading
HTML Elements, Smart ListBox
, , , , ,

Leave a comment

Grid Infinite Scroll

For large data sets or when the exact data records count cannot be determined in advance, you can supply data to the Grid while you scroll when the user reaches the bottom of the grid. In this case, the Grid’s … Continue reading
HTML Elements, Smart Grid, Web Components
, , , ,

Leave a comment

Vertical Menu Custom Element

In this blog we are going to show you our Vertical Menu Custom Element. The menu web component is used very frequently in user interfaces. It enables the selection of an item from a list of items. The Vertical Menu … Continue reading
HTML Elements, Web Components
, , , ,

Leave a comment

Checkbox Custom Element

In this blog we are going introduce you to our CheckBox Custom Element. The CheckBox Web Component is a kind of button which is usually used to enable the selection of different choices. It represents a box which can be … Continue reading
HTML Elements, Web Components
, , , ,

Leave a comment

Linear Progress Bar custom element

In this blog we will introduce our Linear Progress Bar custom element. The ProgressBar Web Component indicates the progress of an operation. It is very often used as an indicator when a file or content is being loaded. It can … Continue reading
HTML Elements, Web Components
, , ,

Leave a comment

Calendar Custom Element

In this blog we will introduce our Calendar custom element. The Calendar Web Component enables you to visualize and select the year, month and date. The years and the months can be easily changed by navigating the calendar from the … Continue reading
HTML Elements, Smart Calendar, Web Components
, , ,

Leave a comment

ComboBox Custom Element

In this blog we will introduce our Combobox custom element. The ComboBox is one of the basic web components used widely in the UI part of applications in order to facilitate the selection of items. It represents a list of … Continue reading
HTML Elements, Smart ComboBox, Web Components
, , , ,

Leave a comment

Grid Custom Element

The latest release of Smart Custom Element includes an initial version of a Grid Web Component. Demos: https://www.htmlelements.com/demos/grid/. Docs: https://www.htmlelements.com/docs/grid/.
Smart Grid, Web Components
, , , ,

Leave a comment

Context Menu Custom Element

In this blog we will introduce our Context Menu Custom Element. The Menu Web Component is used to show different choices grouped in a hierarchical structure. It is one of the most frequently used HTML interface elements. The Context Menu … Continue reading
HTML Elements, Smart Context Menu, Web Components
, , , , ,

Leave a comment

Web Components 1.2.0

We are glad to share with you that our Team tested Smart Custom Elements with the latest version of Web Components and we did not find any issues. We updated all our demos to use only ES6 code. This does … Continue reading
HTML Elements
, ,

Leave a comment

Smart Custom Element

Smart Custom Element provides a set of useful API, Data Binding, Templates, Device Agnostic Event Handling, Resize handling, Style Change Notifications, Property and Attribute Change Notifications, Property Value and Type validation, Localization, Lifecycle callback functions and much more. Our framework … Continue reading
HTML Elements
, ,

Leave a comment

Smart Tabs Custom Element

Smart Tabs is a Tabs Custom HTML Element that make it easy to explore and switch between different views, part of the Smart HTML Elements. Tabs can be paired with components like top app bars, or nested in components like … Continue reading
HTML Elements, Smart Tabs
, , , , , , , , ,

Leave a comment

Smart Calendar

Smart Calendar represents a Calendar Custom Element, which you can use to pick a Date interactively. It is built with Javascript, CSS and HTML. The Calendar does not depend on any third-party libraries. Smart Calendar NPM package has been publishte: … Continue reading
HTML Elements, Smart Calendar
, , , , , ,

Leave a comment

Smart Accordion

Smart Accordion is a custom element which contains expandable panels. Each panel has Header and Content. In the Header and Content, you can put any HTML or HTML Element. Our Smart Accordion custom element now has a GitHub repository, Bower(type … Continue reading
HTML Elements, Smart Accordion
, , , , , , ,

Leave a comment

Smart Button

Smart Button is a simple custom element which represents a Button. It can contain any content like Image, Text or any HTML. Our Smart Button custom element now has a GitHub repository, Bower(type bower install htmlelements/smart-button) and NPM packages and … Continue reading
HTML Elements, Smart Button
, , , , , , , ,

Leave a comment

About Smart HTML Elements

What is Smart HTML Elements? Smart HTML Elements represents a UI framework based on Javascript, HTML 5 and CSS 3 for building responsive web-based applications. Smart HTML Elements includes more than 30 UI components. Some of them are: Sliders, Tabs, … Continue reading
HTML Elements

Leave a comment