Change Banner Into Slider Banner

Jason Ortman asked on May 16, 2017 20:31

How do I change a static banner into a slider banner?

I have used a repeater but both images are displaying.

Recent Answers

Rui Wang answered on May 16, 2017 20:47 (last edited on May 16, 2017 20:48)

Jason, the Banner feature is very different from a slider that people may use on their home page, the banner feature is more like the ads banner you can manage on your site, so do not mix those two together.

Here is a video tutorial I did for creating a slider using Page Type, Repeater and JS/CSS

0 votesVote for this answer Mark as a Correct answer

Prashant Verma answered on May 17, 2017 05:58 (last edited on May 17, 2017 06:02)

Hi Jason, Can you please share your code stuff/some details that how you crafting that slider banner so its more clear.


Apart from this Ideally you must need to use some third party jQuery plugin to create the slider banner.

For example

How to implement that slider into kentico

Step1: Add all the necessary jQuery and bxslider plugins to your banner page.

Step2: Add repeater webpart and break down the HTML structure accordingly


 <ul class="bxslider"> // Add this HTML in HTML Envelop **Content Before**

  <li><img src="<%Eval("ImagePath")%>" /></li> //It loads dynamically using transformation 

 </ul> // Add this HTML in HTML Envelop **Content After**

Then your slider banner is ready.


Feel free to ask anything :)

1 votesVote for this answer Mark as a Correct answer

Chetan Sharma answered on May 17, 2017 10:51

Hi Jason,

I have done this multiple times. This is what I would suggest you

  1. Create Page type for your slides
  2. Bind it with a repeater (Not basic repeater)
  3. For markup use Slick slider. It's one of the best library to create slider which are responsive too Slick Slider

Slick slider is your best option. No slider comes closer to it's efficiency.

It is responsive, provides accessibility adherence and very easy to use. Even Foundation recommends using and have discarded their own slider Orbit for it.

2 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.