Tag Archives: web components

Shadow DOM Support with Smart UI 7.7.1

What is Shadow DOM? The shadow DOM is an encapsulated version of the DOM. This allows authors to effectively isolate DOM fragments from one another, including anything that could be used as a CSS selector and the styles associated with … Continue reading
Uncategorized
, , , , , ,

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

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

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

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

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

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

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
Smart ComboBox
, , , , , , ,

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

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