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

Cloudinary Image Selector

Screenshot of element in action

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

Images

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

Content Insights

Screenshot of element in action

Element analyzes content from text and rich text elements residing inside your content item. It analyses basic content properties like reading time, readability, and sentiment. It also generates a configurable number of keywords from the written content. On top of that, the custom element offers suggestions on how to improve your content.

TextHTML

Content types selector

Screenshot of element in action

This custom element for Kentico Kontent gives editors a way to select content types from current project

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

Crystallize Product Selector

Screenshot of element in action

Crystallize product selector is a selector which allows users to search and select a product from Crystallize product catalog.

eCommerce

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

Formsite Form Selector

Screenshot of element in action

The Formsite Form Selector allows to retrieve created forms in Formsite and use them on your website.

Other

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

Item synchronizer

Screenshot of element in action

This element allows you to sync items from one project to another

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

SendPulse Mailing List Selector

Screenshot of element in action

The SendPulse Mailing List Selector allows you to retrieve mailing lists from SendPulse.

Other

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

Vimeo Preview

Screenshot of element in action

This custom element lets you to add and preview a Vimeo video. It extracts and stores the video id so it can later be used in the app.

Video

YouTube Preview

Screenshot of element in action

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

Video
© 2004-2020 Kentico