Hello,
I have a situation where I would like to present information in tabs, which provides for a nice at-a-glance view on large screens. On smaller screens, however, the content in the tab is so large that the headers of the tab will scroll off-screen when the user reads to the end of the tab’s content. Therefore, on smaller screens, the more appropriate layout would be that of an accordion, where the user can see the next accordion-header after scrolling down.
This can be achieved by placing both a tab and an accordion on the page, and showing/hiding them according to screen size break point. But this seems like a less than ideal solution, requiring duplication of content, which is neither good for maintanance, nor for page loading.
So, my question is if the “Tab” element in Pro allows to stack the tabs vertically on top of each other, so that it basically looks like an accordion (not with all the features of an accordion - it would still behave like the tab, just the placement of elements is different). An out-of-the-box solution? One with custom CSS? Or custom JS? After all, the principles of tabs and accordions are rather similar (consisting of headers and contents), just the placement on screen is different.
Thank you!
Hey @striata,
Please check this similar thread: https://theme.co/apex/forum/t/im-using-the-tabs-element-but-it-isnt-responsive/68824/10?u=christian_y
Hope that helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.