Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Tab Problem - horizontal scrolling on tab header?

New Here ,
Mar 30, 2009 Mar 30, 2009
I have a tab cflayout. The number of tabs depends on database content and sometimes become very large that the tab title on the right are out of the screen and not accessible.

Is that any way to trigger horizontal scrolling on the tab title to solve the problem? Placing the tab inside a larger table can create a horizontal at the bottom but as my tab height is very large and it goes over the screen at the bottom and the scrolling is not visible to users by default. So this method may not make user aware that they can scroll over the tab headings.

Has anyone faced the same problem and have any solutions? Thanks in advance for any help.
433
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 30, 2009 Mar 30, 2009
add style="overflow:auto;" to your <cflayout> tag

you *may* also have to specify a fixed width there, too... at least i
tested it with width specified...

<cflayout type="tab" tabposition="top" name="mytabs"
style="width:300px;overflow:auto;">



Azadi Saryev
Sabai-dee.com
http://www.sabai-dee.com/
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 30, 2009 Mar 30, 2009
LATEST
you can also specify a style in your css for the layout cf creates:

<style type="text/css">
.x-tabs-top, .x-tabs-bottom {overflow:auto; width:300px;}
</style>

Azadi Saryev
Sabai-dee.com
http://www.sabai-dee.com/
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources