Custom element sample gallery.
Ace Code Editor (Syntax Highlighter)
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.
Bing Image Selector
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
Bynder Image Selector
The Bynder Image Selector allows to search images in Bynder DAM and use them in your website.
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.
Country State Selector
Country and state selector is a drop down selector which allows users to select country and state (if country has any).
This is a simple calendar control based on jQuery UI DatePicker which lets you pick a date.
Flickr Image Selector
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.
Font Awesome Icon Codename Selector
Custom element allowing to pick Font Awesome icon. Custom element stores the value as icon's codename.
Font Awesome Icon SVG Selector
Custom element allowing to pick Font Awesome icon. Custom element stores the value as icon's SVG.
This custom element allows you to put a marker on a map and it automatically gets converted to latitude and longitude geo locations.
Google Places Geo-location Selector
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.
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.
This custom element functions similarly to the Asset element, but allows an editor to apply the Image Transformation API to any selected image.
This custom element gives you a way to automatically generate keywords for an item based on the content in it.
This custom element gets all links from all rich text elements on your item and checks whether they are live or not.
Magento Product Selector
Magento product selector is a selector connected to Magento instance which allows users to search and select a product from the Magento product catalog.
Optimizely Audience Selector
Optimizely audiences selector is a selector connected to Optimizely API which allows users to search and select audiences from the Optimizely.
Quill Rich Text Editor
This custom element is based on the Quill rich text editor. It stores content in JSON format, so it's omni-channel friendly.
SVG Icon Selector
This is a custom element for Kentico Kontent that allows users to select an SVG icon from a list of provided icons.
Shopify Product Selector
Shopify product selector is a selector connected to Shopify Storefront which allows users to search and select a product from Shopify product catalog.
SimpleMDE (Markdown Editor)
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.
Summernote Rich Text Editor
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!
Toast UI Editor
This custom element is based on Toast UI Editor. It is a Markdown WYSIWYG Editor including GFM Standard + Chart & UML Extensible.
This custom element checks whether your entered value is unique across all items in your project in specified element.
Unsplash Images Selector
This is a custom element for Kentico Kontent that allows users to search and select high-quality, royalty-free images from Unsplash.
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.