Skip to content

Profound-git/kontent-custom-element-sample-bynder

 
 

Repository files navigation

Bynder image selector for Kentico Cloud

Stack Overflow

This repository contains source code of Bynder image selector custom element for Kentico Kontent

Setup

  1. Deploy the code to a secure public host
  2. Follow the instructions in the Kentico Kontent documentation to add the element to a content model.
    • The Hosted code URL is where you deployed to in step 1
    • Configure the JSON parameters as detailed in the JSON Parameters section

JSON Parameters

All of the following JSON parameters are optional.

{
  "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.

Live site implementation sample

If you want to see live site example of Bynder images displayed on the live site, browse to a deployed sample site.

See source code of the sample site implementation here

Deploying

Netlify has made this easy. If you click the deploy button below, it will guide you through the process of deploying it to Netlify and leave you with a copy of the repository in your GitHub account as well.

Deploy to Netlify

Contributors

Originally contributed by @kenticomartinh

Analytics

About

Bynder image selector for Kentico Kontent

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 85.6%
  • JavaScript 7.6%
  • HTML 6.8%