Set vertical tabs

In this article, you will learn how to change ClickHelp Tabs control orientation from horizontal into vertical with two simple CSS selectors.

Preview

Tab 1	Tab 1 Content
Tab 2	Tab 2 Content
Tab 3	Tab 3 Content

How To Implement

Add the following CSS to the style file. It will overwrite the default Tabs element styling.

CSS Code

Copy Code

CSS

.CHTabs_container
{
  display: flex;
}

.CHTabs_tabCaptionsContainer
{
  flex-direction: column;
}

© ClickHelp. All rights reserved.
Didn't find what you're looking for? Let us know what you need!

The information and examples in this Knowledge Base are presented "as is" and for informational purposes only — we do not provide Technical Support for it. Neither can we guarantee that the examples provided will work as intended in your particular scenario, nor do we provide assistance in customizing these examples to fit your use case.