Smart UI R1 2021 Release Is Here

Smart UI Release is Here! The first release of 2021 of Smart UI is available, bringing many advanced features and updates across our Javascript & Blazor libraries What's New: Admin Dashboard Templates Scheduler for Blazor Server-side Scheduler model ... more

Smart UI 9.0.0

We are happy to announce the new version of Smart UI. The major new thing in this release is the new feature-complete Scheduler component. What's New: Scheduler for Javascript, Angular, React, Vue Server-side Table model Server-side CardView model Server-side ... more

Smart UI for Vue 3

Vue 3 is faster, smaller, more maintainable and it's easier to target native. Composition API One of the most significant changes is that a new API that will allow for a function-based way of writing your component, inspired by React Hooks. It lets you ... more

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 ... more

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 ... more

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 file, which you can download ... more

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 ... more

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, .tsv, .html and ... more

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 our Web Components ... more

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 ... more

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 ... more

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 data as a combination ... more

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 The post New Grid Features appeared first on HTML ... more

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 HTML Element. Let's look at the ... more

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 ... more

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 clicked - Cell, Row or Column. This ... more

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 out here: grid-editing-cell-auto-complete. ... more

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 show you how to create ... more

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 ... more

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 be achieved due to the built ... more

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 ... more

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 ... more

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 allows you to access a cell and set options ... more

A Curated List of Awesome Custom Elements & Web Components

You can check it here: https://htmlelements.github.io/awesome-custom-elements/. Contributions are welcome! The post A Curated List of Awesome Custom Elements & Web Components appeared first on HTML UI Elements for Mobile & Web Applications | www.HtmlElements.com. ... more

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 Size selector position ... more

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 ... more

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 ... more

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 items. The list can be opened or ... more

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 when the user needs to pick or input the date. ... more

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 user can select an item of the list. ... more