# Carousel in kibana canvas

**URL:** <https://discuss.elastic.co/t/carousel-in-kibana-canvas/188627>\
**Category:** Kibana\
**Tags:** canvas\
**Created:** [July 3, 2019, 7:05am UTC](https://discuss.elastic.co/t/carousel-in-kibana-canvas/188627 "2019-07-03T07:05:38Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vartika\_Srivastava](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/vartika_srivastava/32/46305_2.png) [@Vartika\_Srivastava](https://discuss.elastic.co/u/Vartika_Srivastava)\
**Post date:** [July 3, 2019, 7:05am UTC](https://discuss.elastic.co/t/carousel-in-kibana-canvas/188627/1 "2019-07-03T07:05:38Z")

</div>

Hi, can we create carousel or kind of slideshow using markdown in kibana canvas ?

eg.  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/c/5/c529d559e108cffc612913e8135f040525e965be.png)

---

<div class="post-metadata">

**Author:** ![clintandrewhall](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/clintandrewhall/32/45435_2.png) [@clintandrewhall](https://discuss.elastic.co/u/clintandrewhall)\
**Post date:** [July 3, 2019, 3:53pm UTC](https://discuss.elastic.co/t/carousel-in-kibana-canvas/188627/2 "2019-07-03T15:53:10Z")

</div>

Good morning! ~~You can't do this purely with Markdown, and~~ we don't have a carousel element in Canvas at the moment... but you can certainly write your own Element using a plugin! Unfortunately, this is not well-documented at the moment... but we're working on providing that very soon.

If you're interested in creating your own element in Canvas, you can take a look at the [Kibana documentation](https://www.elastic.co/guide/en/kibana/current/plugin-development.html). You'll need to use the `interpreter` package to register your functions/elements, and you can refer to our [existing functions](https://github.com/elastic/kibana/tree/master/x-pack/legacy/plugins/canvas/canvas_plugin_src/functions/common) for details as to how they're written.

We're working on getting full docs for plugin developers out soon...!

---

<div class="post-metadata">

**Author:** ![clintandrewhall](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/clintandrewhall/32/45435_2.png) [@clintandrewhall](https://discuss.elastic.co/u/clintandrewhall)\
**Post date:** [July 3, 2019, 4:52pm UTC](https://discuss.elastic.co/t/carousel-in-kibana-canvas/188627/3 "2019-07-03T16:52:53Z")

</div>

So apparently, there _is_ a way you can do this in Canvas currently... but it would be a bit hacky. 🙂

You can create Markdown that would create the individual "slides"... and then you'd apply custom CSS to make the carousel move.

Here's an example of how you could implement this today. I hope this helps!

[https://gist.github.com/clintandrewhall/e0f3b234619c09804407f8c6c802470b](https://gist.github.com/clintandrewhall/e0f3b234619c09804407f8c6c802470b)

---

<div class="post-metadata">

**Author:** ![Vartika\_Srivastava](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/vartika_srivastava/32/46305_2.png) [@Vartika\_Srivastava](https://discuss.elastic.co/u/Vartika_Srivastava)\
**Post date:** [July 3, 2019, 5:21pm UTC](https://discuss.elastic.co/t/carousel-in-kibana-canvas/188627/4 "2019-07-03T17:21:25Z")

</div>

Thanks its worked 😄

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [July 31, 2019, 5:21pm UTC](https://discuss.elastic.co/t/carousel-in-kibana-canvas/188627/5 "2019-07-31T17:21:25Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.