# TSVB Markdown

**URL:** <https://discuss.elastic.co/t/tsvb-markdown/239514>\
**Category:** Kibana\
**Created:** [July 1, 2020, 3:10pm UTC](https://discuss.elastic.co/t/tsvb-markdown/239514 "2020-07-01T15:10:14Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![ahadi](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@ahadi](https://discuss.elastic.co/u/ahadi)\
**Post date:** [July 1, 2020, 3:10pm UTC](https://discuss.elastic.co/t/tsvb-markdown/239514/1 "2020-07-01T15:10:14Z")

</div>

Hi,

Do you know how to create a scroll to top button with tsvb markdown in kibana using CSS ?

---

<div class="post-metadata">

**Author:** ![rashmi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rashmi/32/16391_2.png) [@rashmi](https://discuss.elastic.co/u/rashmi)\
**Post date:** [July 1, 2020, 4:42pm UTC](https://discuss.elastic.co/t/tsvb-markdown/239514/2 "2020-07-01T16:42:57Z")

</div>

Hi,  
you can apply stying to any elements which appear within the Markdown Visualization itself. To figure out the CSS selector to use, I'd recommend clicking on the element that you'd like to style in your browser and choosing "Inspect". This will open up your browser's dev tools, which shows you the HTML structure of the specific element that you've clicked on. This should hopefully provide you enough information to be able write your CSS selectors appropriately.

hope it helps  
Thanks  
Rashmi

---

<div class="post-metadata">

**Author:** ![ahadi](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@ahadi](https://discuss.elastic.co/u/ahadi)\
**Post date:** [July 2, 2020, 8:49am UTC](https://discuss.elastic.co/t/tsvb-markdown/239514/3 "2020-07-02T08:49:37Z")

</div>

Thanks rashmi for your answer..  
But i still dont know what to put in kibana custom css.. for example witch class can i use for the scroll to top button?  
I know that if i want to insert a link in my dashboard i can do ''' a:link{ } ''' in the custom css template. But i still dont know how to do the same way with the scroll to top button.  
Hope that you understand what i want to say?

Cordialy,  
ahadi

---

<div class="post-metadata">

**Author:** ![ahadi](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@ahadi](https://discuss.elastic.co/u/ahadi)\
**Post date:** [July 2, 2020, 12:50pm UTC](https://discuss.elastic.co/t/tsvb-markdown/239514/4 "2020-07-02T12:50:58Z")

</div>

Hi rashmi.. I have found a part of the solution..  
But i still dont know how to return back to the top of the page..

Cordialy,  
Ahadi

---

<div class="post-metadata">

**Author:** ![rashmi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rashmi/32/16391_2.png) [@rashmi](https://discuss.elastic.co/u/rashmi)\
**Post date:** [July 2, 2020, 5:11pm UTC](https://discuss.elastic.co/t/tsvb-markdown/239514/5 "2020-07-02T17:11:30Z")

</div>

I shall tag @timroes - he will get back to you when he can and has some time on his hands. This is a little out of reach to me.

Thanks  
Rashmi

---

<div class="post-metadata">

**Author:** ![timroes](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/timroes/32/19712_2.png) [@timroes](https://discuss.elastic.co/u/timroes)\
**Post date:** [July 14, 2020, 12:32pm UTC](https://discuss.elastic.co/t/tsvb-markdown/239514/6 "2020-07-14T12:32:34Z")

</div>

Hi,

I fear this is not easily possible. The problem with that is, that even with finding some id on the top of the page that you could navigate to, that we're using a routing system in Kibana (from the old Angular 1 days), that is using the hash part of the URL (behind #) for which page you're on. That's also the part that you'd usually need to link to a specific anchor on the page. Thus you currently can't really craft links that will bring you to a specific anchor on the page, sorry.

Cheers,  
Tim

---

<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:** [August 11, 2020, 12:32pm UTC](https://discuss.elastic.co/t/tsvb-markdown/239514/7 "2020-08-11T12:32:39Z")

</div>

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