Recent Comments
Archives
- September 2024
- July 2024
- May 2024
- April 2024
- January 2024
- December 2023
- November 2023
- October 2023
- August 2023
- May 2023
- April 2023
- January 2023
- November 2022
- September 2022
- July 2022
- May 2022
- April 2022
- March 2022
- February 2022
- January 2022
- November 2021
- August 2021
- July 2021
- May 2021
- February 2021
- December 2020
- November 2020
- October 2020
- September 2020
- August 2020
- July 2020
- June 2020
- April 2020
- March 2020
- February 2020
- January 2020
- December 2019
- November 2019
- October 2019
- September 2019
- August 2019
- July 2019
- May 2019
- April 2019
- March 2019
- February 2019
- January 2019
- December 2018
- August 2018
- July 2018
- June 2018
- May 2018
- April 2018
- March 2018
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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