Custom element sample gallery.

Category

Ace Code Editor (Syntax Highlighter)

Screenshot of element in action

This custom element is an editable text area enhanced by the Ace Code Editor to provide a programmer-friendly environment for writing code examples. Offers a fine selection of programming languages to be highlighted.

Text

Bing Image Selector

Screenshot of element in action

The Bing image selector allows to search images on Bing and select one. Note: selected image may be subject to copyright and/or usage restrictions

Images

Bynder Image Selector

Screenshot of element in action

The Bynder Image Selector allows to search images in Bynder DAM and use them in your website.

Images

CKEditor 4

Screenshot of element in action

This custom element is based on the CKEditor 4 WYSIWYG text editor.

WYSIWYGHTMLText

Color Picker

Screenshot of element in action

Color picker allowing user to choose a color from palette and sets it as a HEX string, e.g. '#ff0000' for red color, '#00ff00' for green, and so on.

Other

Country State Selector

Screenshot of element in action

Country and state selector is a drop down selector which allows users to select country and state (if country has any).

Other

Date Picker

Screenshot of element in action

This is a simple calendar control based on jQuery UI DatePicker which lets you pick a date.

Other

Flickr Image Selector

Screenshot of element in action

The Flickr image selector allows you to search images on Flickr and select one. NOTE: Selected image may be subject to copyright and/or usage restrictions.

Images

Font Awesome Icon Codename Selector

Screenshot of element in action

Custom element allowing to pick Font Awesome icon. Custom element stores the value as icon's codename.

Icons

Font Awesome Icon SVG Selector

Screenshot of element in action

Custom element allowing to pick Font Awesome icon. Custom element stores the value as icon's SVG.

Icons

Geolocation Leaflet

Screenshot of element in action

This custom element allows you to put a marker on a map and it automatically gets converted to latitude and longitude geo locations.

Geolocation

Giphy Selector

Screenshot of element in action

The Giphy Selector allows you to search images on Giphy and select one.

Images

Google Places Geo-location Selector

Screenshot of element in action

This is a custom element for Kentico Kontent that allows users to easily get the geo-coordinates for a location using the Google Places API.

Geolocation

HTML Inputs

Screenshot of element in action

This is a custom element for Kentico Kontent that allows you to define a group of HTML inputs that your editors can fill out one or more times. You can combine any number of HTML5 inputs into a single element -> text, textarea, color, date, time, number, radio, checkbox, password and range.

Other

Image transformer

Screenshot of element in action

This custom element functions similarly to the Asset element, but allows an editor to apply the Image Transformation API to any selected image.

Images

Item selector

Screenshot of element in action

This element offers items from another project to be linked with your item

Other

Keyword Extractor

Screenshot of element in action

This custom element gives you a way to automatically generate keywords for an item based on the content in it.

Other

Link checker

Screenshot of element in action

This custom element gets all links from all rich text elements on your item and checks whether they are live or not.

Other

Magento Product Selector

Screenshot of element in action

Magento product selector is a selector connected to Magento instance which allows users to search and select a product from the Magento product catalog.

eCommerce

Optimizely Audience Selector

Screenshot of element in action

Optimizely audiences selector is a selector connected to Optimizely API which allows users to search and select audiences from the Optimizely.

Other

Quill Rich Text Editor

Screenshot of element in action

This custom element is based on the Quill rich text editor. It stores content in JSON format, so it's omni-channel friendly.

WYSIWYGText

SVG Icon Selector

Screenshot of element in action

This is a custom element for Kentico Kontent that allows users to select an SVG icon from a list of provided icons.

Icons

Shopify Product Selector

Screenshot of element in action

Shopify product selector is a selector connected to Shopify Storefront which allows users to search and select a product from Shopify product catalog.

eCommerce

SimpleMDE (Markdown Editor)

Screenshot of element in action

SimpleMDE is a markdown editor which allows users to write formatted text. In this sample element, you can find examples of setting dynamic height and reacting on the window ‘resize’ events. When the element is disabled, the editor is set to the read-only mode.

WYSIWYGMarkdownText

Summernote Rich Text Editor

Screenshot of element in action

This custom element is based on the Summernote rich text editor. It allows you to switch to the Source code mode to edit or see the HTML markup!

WYSIWYGHTMLText

TinyMCE Rich Text Editor

Screenshot of element in action

This custom element is based on the TinyMCE WYSIWYG text editor.

WYSIWYGHTMLText

Toast UI Editor

Screenshot of element in action

This custom element is based on Toast UI Editor. It is a Markdown WYSIWYG Editor including GFM Standard + Chart & UML Extensible.

WYSIWYGMarkdownText

Toggle Switch

Screenshot of element in action

This custom element is just a simple on/off toggle switch.

Other

Unique Textbox

Screenshot of element in action

This custom element checks whether your entered value is unique across all items in your project in specified element.

Other

Unsplash Images Selector

Screenshot of element in action

This is a custom element for Kentico Kontent that allows users to search and select high-quality, royalty-free images from Unsplash.

Images

YouTube Preview

Screenshot of element in action

This custom element allows you to add various types of Youtube video URL, it extracts the video id for your apps and shows the video.

Video