Author Archives: admin

DataGrid Validation Coming soon

DataGrid Data Validation The next version will include a much requested feature – Data Validation for the DataGrid component. The DataGrid control will allow you to perform validation at both the cell and row level. With cell-level validation, you validate … Continue reading
Uncategorized
, , , , ,

Leave a comment

Shadow DOM Support with Smart UI 7.7.1

What is Shadow DOM? The shadow DOM is an encapsulated version of the DOM. This allows authors to effectively isolate DOM fragments from one another, including anything that could be used as a CSS selector and the styles associated with … Continue reading
Uncategorized
, , , , , ,

Leave a comment

Reactive Form Web Component

Reactive Form A new Reactive Form will arrive in Smart UI 7.7.0. It will have two types of initialization. Reactive forms use an explicit and immutable approach to managing the state of a form at a given point in time. … Continue reading
Angular, HTML Elements, Javascript, React, Web Components
, , , , ,

Leave a comment

New React UI Components, Awesome Grid Updates and more

The newest release of Smart came out. It brings a new toolkit built for React JS and available through NPM installation. The new version also extends the Grouping and Filtering functionality of the DataGrid control and adds 4 new Input … Continue reading
Uncategorized

Leave a comment

DataGrid Grouping Panel, Row and Column Reorder

The next release of Smart will include awesome new DataGrid features – Group Panel, Row and Column Reorder. Grouping DataGrid data with Grouping panel Data in DataGrid can be grouped by one column or by several. When a column is … Continue reading
Uncategorized
, , , , ,

Leave a comment

Do you like React? Smart UI for React is coming soon

React is one of the most popular Javascript libraries. We are working hard on releasing Smart UI for React. Smart UI for React will be a collection of React Components, which you can use to build feature rich, native React … Continue reading
Uncategorized
, , , , ,

Leave a comment

New Kanban Component

Enterprise-ready Kanban Component We are happy to share with you that our Smart UI 7.4.0 release, brings a new Kanban UI component. Demos are available for both Web Components & Angular here: https://www.htmlelements.com/demos/kanban/overview/ and https://www.htmlelements.com/angular/demos/kanban/overview/ Kanban represents a UI component … Continue reading
Angular, HTML Elements, Javascript
, ,

2 Comments

Visual Studio Code Snippets for Smart UI

Angular TypeScript Snippets for VS Code **Now includes Grid Snippets This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML. Usage Type part of a snippet, press enter, and the snippet unfolds. Alternatively, press Ctrl+Space (Windows, … Continue reading
Angular

Leave a comment

Angular Modules

Using Smart with Angular just became easier. We are happy to announce that Smart ver. 7 brings Angular Modules and Components as part of the Professional package. API Documentation for Angular and Typescript is also available and the Typescript definitions … Continue reading
Angular

Leave a comment

Typescript Definitions Updated

Exported Typescript Union types as Enums Optimized Typescript files size Updated the Functions Typescript definitions Updated types and descriptions for all API members
Web Components

Leave a comment

New Web Components Showcase Demos

We just published new showcase examples built with Smart Web Components. Flights Booking demo uses the following UI components: Accordion, Tabs, Grid, DateTimePicker, Menu, DropDownList, Inputs and Buttons Flights Booking Doctor Dashboard demo uses the following UI components: Grid, Chart, … Continue reading
HTML Elements, Smart Grid, Smart ListBox, Smart Tabs, Smart.Chart, Web Components
, , , , , , , , , , ,

Leave a comment

Typescript definitions

We are happy to announce that we just released a new version of our product, which brings Typescript definitions for all web components. This means that now you can use our Web Components with intelliSense support and also compile time … Continue reading
Web Components
,

Leave a comment

Typescript Web Components

Typescript Web Components Typescript support comes with the next version of Smart Web Components. We are super excited about this. We will expose Interfaces, Types and Classes for all our stuff. Each API member will include descriptions, which will help … Continue reading
Smart Grid, Web Components
, , , , , , , ,

Leave a comment

Microsoft Chromium Edge and Smart Web Components

Microsoft Chromium-based Edge Microsoft today released the first stable version of its new Chromium-based Edge browser, just over a year after it first announced that it would stop developing its own browser engine and go with what has become the … Continue reading
HTML Elements, Javascript
, , , ,

Leave a comment

Blazor and Web Components

The Blazor´╗┐ framework enables you to build flexible and fast web applications with C# instead of JavaScript. The framework uses WebAssembly-based .NET runtime (client-side Blazor) and server-side ASP.NET Core (server-side Blazor). A Blazor app can invoke JavaScript functions from .NET … Continue reading
Uncategorized

Leave a comment

Smart HTML Elements v5.1.0

Smart HTML Elements v5.1.0 Release, Dec-03-2019 What’s New: New Material default Theme What’s Improved: Optimized CSS files. Simplified CSS styling through CSS Variables.
Uncategorized

Leave a comment

Constructable Stylesheets

Constructable Stylesheets make it possible to create stylesheets imperatively by invoking the CSSStyleSheet() constructor. The CSSStyleSheet object has two new methods that make it safer to add and update stylesheet. These methods are replace and replaceSync. replace() returns a Promise … Continue reading
Uncategorized
,

Leave a comment

Material Dashboard and Premium Material Dashboard

We are announcing two new Dashboard Templates, which will come as part of the Commercial subscription. Material Dashboard Pro Material Dashboard is a Material Admin Dashboard with a design inspired by Google’s Material Design. We are very excited to introduce … Continue reading
Uncategorized

Leave a comment

Web Components Theme Builder

Theme Builder We are excited to announce that the Theme Builder for Smart Web Components is available now. We have built a new web tool that enables you to create or customize existing themes. The Theme builder generates a CSS … Continue reading
HTML Elements
, , , , , , , , , , , , , , , , , ,

Leave a comment

Grid Charting, Nested Grid Dialog, TreeGrid Checkboxes

Smart HTML Elements v4.5.0 Release, Sep-19-2019 The latest version just came out with multiple new Smart.Grid features. The list with all changes is below: What’s New: Smart.Grid Charting – Data visualization of Grid data in a Chart. Smart.Grid Resize – … Continue reading
HTML Elements, Javascript

Leave a comment

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