Recent Comments
Archives
- 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
Author Archives: admin
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
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
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.
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
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
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
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
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
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
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
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
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
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 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
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
A Curated List of Awesome Custom Elements & Web Components
You can check it here: https://htmlelements.github.io/awesome-custom-elements/. Contributions are welcome!
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
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
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
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/.
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