Category Archives: HTML Elements

Smart UI 17.0.0

Smart UI v17.0.0 Release, Oct-23-2023 What’s New: Ribbon Bar component. Grid Formulas. Grid Rich text editor. Grid Row Dialog navigation. Users can navigate to next and previous rows by using navigation buttons in the dialog’s header. Grid User Comments. The … Continue reading
Angular, HTML Elements, Javascript, React, Smart Accordion, Smart Button, Smart Calendar, Smart ComboBox, Smart Grid, Vue, Web Components
, , ,

Leave a comment

Smart UI v15.2

Smart UI v15.2.0 Release, Apr-23-2023 What’s New: Gantt Views. The view property is extended with a new ‘quarter’ option which displays Quarters. The Month view now can display not only weeks, but also days. Gantt first day of week. Users … Continue reading
Angular, HTML Elements, Javascript, React, Vue, Web Components
, ,

Leave a comment

Smart UI R1 2023

We are happy to announce that a new version of Smart UI is now available. It brings a brand-new 3D Chart component and many other updates which will help you to create better web apps. What’s New: 3d Chart component. … Continue reading
Angular, HTML Elements, Javascript, React, Web Components

Leave a comment

Smart UI v14.2.0

Smart UI v14.2.0 Release, July-12-2022 What’s New: Grid custom Sorting. Grid custom Filter Menu. Grid custom row and cells styling with CSS classes and rules. Grid Multiple columns Grouping rendering mode. Grid Server-side grouping update. Grid context menu. Grid rows … Continue reading
Angular, HTML Elements, Javascript, React, Smart Accordion, Smart Button, Smart Calendar, Smart ComboBox, Smart Context Menu, Smart Grid, Smart ListBox, Smart Tabs, Smart.Chart, Uncategorized, Vue, Web Components
, , , , , , , , , , , ,

Leave a comment

Smart UI 13.1.26

Smart UI v13.1.26 Release, Apr-05-2022 What’s New: Grid – New cell editor for color input. Kanban – color entire column surface. The property applies different rendering to the kanban. Kanban – column summary footer. What’s Improved: Tree – selection API … Continue reading
Angular, HTML Elements, Javascript, React, Smart Grid

Leave a comment

Smart UI 13.1.0

Smart UI v13.1.0 Release, Mar-23-2022 What’s New: Kanban – UI Virtualization. This new feature allows working with 100,000+ Kanban tasks. Grid – Undo/Redo for add, remove and update of Grid rows. Scheduler: Video Conference Template. Editor: spellcheck property – defines … Continue reading
Angular, HTML Elements, Javascript, React, Smart Accordion, Smart Button, Smart Calendar, Smart ComboBox, Smart Context Menu, Smart Grid, Smart ListBox, Smart Tabs, Smart.Chart, Uncategorized, Vue, Web Components
, , , , ,

Leave a comment

Smart UI v12.0.0

Smart UI v12.0.0 Release, Jan-20-2022 What’s New: Kanban Edit Task dialog. Kanban Color entire Task card. Kanban Dynamic Task Card Priority Menu. Kanban Dynamic Task Card Subtasks Menu. Kanban option to hide columns and reset the hidden columns. Grid show/hide … Continue reading
Angular, HTML Elements, Javascript, React, Smart Accordion, Smart Button, Smart Calendar, Smart ComboBox, Smart Grid, Smart ListBox, Smart Tabs, Smart.Chart, Vue, Web Components
, ,

Leave a comment

Smart UI v11.0.0

Smart UI v11.0.0 Release, Nov-30-2021 What’s New: Gantt Chart – task deadline. Gantt Chart – Tooltips for the tasks. connections, resources, segments and indicators. Gantt Chart – task baseline which shows the planned dataStart/dateEnd for the tasks. Gantt Chart – … Continue reading
Angular, HTML Elements, Javascript, React, Vue, Web Components
, ,

Leave a comment

Smart UI v10.0.0

Smart UI v10.0.0 Release, August-16-2021 What’s New: Gantt Chart Virtualization. That feature allows you to load thousands of tasks in a gantt. Gantt Chart API Updates and Changes. Addional methods, properties and events are added. Kanban Column Reorder. Kanban Column … Continue reading
Angular, HTML Elements, Javascript, React, Vue, Web Components

Leave a comment

Bootstrap Admin Dashboard Template

We are happy to announce the availability of our New Admin Dashboard Template: Bootstrap Admin Template. This template aims to demonstrate the usage of Smart UI along with Bootstrap. Smart UI now features a brand new Bootstrap Theme included in … Continue reading
Angular, HTML Elements, Javascript, React
, , , , , , , , , , , ,

Leave a comment

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 Scheduler Filtering … Continue reading
Angular, HTML Elements, Javascript, React, Smart Accordion, Smart Button, Smart Calendar, Smart ComboBox, Smart Context Menu, Smart Grid, Smart ListBox, Smart Tabs, Smart.Chart, Vue, Web Components
, , , , , , , , , , , ,

Leave a comment

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 Kanban … Continue reading
Angular, HTML Elements, Javascript, React, Smart Grid, Vue, Web Components

Leave a comment

Smart UI v8.0.0

Smart UI v8.0.0 Release, Sep-15-2020 What’s New: Pivot Table component Number Input component Date Input component Time Input component ButtonGroup component Table custom sorting Table new checkbox selection Table state maintenance Table Conditional Formatting Table Localization Grid Edit validation Grid … Continue reading
Angular, HTML Elements, Javascript, React, Web Components
, ,

Leave a comment

Blazor Components coming soon

Blazor UI Components A week ago, we released our jQWidgets Blazor UI components: https://blazor.jqwidgets.com/. Now, we plan to do the same for our Smart product line. What is Blazor? Blazor is a new UI framework that was included in .NET … Continue reading
HTML Elements, Web Components
, , , , ,

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

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

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

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

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

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

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

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

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

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