Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
BynderImageSelector.gif
README.md
bynder_logo.png
image-selector.html
kentico-icons-v1.6.0.woff

README.md

Bynder image selector

Bynder image selector is a selector connected to Bynder instance which allows users to search and select images from Bynder assets. When the element is disabled, it only displays the selected images.

Bynder image selector

Usage

If you want to use the Bynder image selector in your project in Kentico Kontent, follow these steps:

{
  "bynderUrl": "<YOUR BYNDER URL>",
  "previewDerivative": "webimage",
  "webDerivative": "webimage"
}

If you don't provide bynder URL, the selector will prompt for it while logging in.

The derivative parameters can be used to alter which of the defined image derivatives will be used by the selector and output. By default the web image URL is used.

Example output

The element will save a value containing the array of the selected images together with their metadata.

[
  {
    "id": "AABE02D0-CD6D-4973-A5251B1C238A25CD",
    "previewUrl": "https://d2csxpduxe849s.cloudfront.net/media/final/e187906e-f579-4e10-800f-d01cb9ae5cda/webimage-5946F15F-3902-4F73-80EB4B83664960FB.png",
    "webUrl": "https://d2csxpduxe849s.cloudfront.net/media/final/e187906e-f579-4e10-800f-d01cb9ae5cda/webimage-5946F15F-3902-4F73-80EB4B83664960FB.png",
    "title": "which-brewing-fits-you-1080px"
  }
]

Installation

Bynder image selector source code is in following repository: https://github.com/Kentico/cloud-custom-element-sample-bynder

If you want to adjust the implementation, first download Kentico Kontent Custom Elements Devkit. Source code of this selector needs be positioned within /client/custom-elements folder. For further instructions on devkit implementation, please refer to Custom Element Devkit README.

Analytics

You can’t perform that action at this time.