Category Archives: Web Components

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

Smart UI 9.3.0

Smart UI v9.3.0 Release, May-10-2021 What’s New: Bootstrap Theme SCSS Theme files for easier styling HTML & Markdown Editor Bootstrap Admin Dashboard Template Table Performance with UI Virtualization Angular Stackblitz Examples Blazor CardView callback functions support Blazor Grid Editing API
Angular, Javascript, React, Vue, Web Components
, , , , , , ,

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 8.1.1

We are happy to announce the new version of our software. What’s New: Microsoft Blazor Components Server-side Grid model Table column resize Table column hierarchy Table formulas support Router component You can get the new production build from: Download
Angular, Javascript, React, 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

Angular RxJS with DataGrid

Reactive programming is an asynchronous programming paradigm concerned with data streams and the propagation of change. RxJS (Reactive Extensions for JavaScript) is a library for reactive programming using observables that makes it easier to compose asynchronous or callback-based code. In … Continue reading
Angular, Smart Grid, 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

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

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

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

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

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

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

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