Skip to main content
O
OMHJon
Participant
March 21, 2008
Question

CFLAYOUTAREA not working

  • March 21, 2008
  • 2 replies
  • 564 views
I am having a problem with the cflayoutarea tag and I am using cflayout with a type of "tab". The problem I am having is that I cannot see all of the tabs that are created. For example, If I have 15 tabs that should be shown in the browser I can only see 11 of them. So the last 4 are chopped off.
I am using Internet Explorer 6. I looked through a list of problems and work arounds but cannot find a reference to this problem. I have tried using the latest version of Firefox and it did solve the problem, but others were created.
In any case, we only support Internet Explorer so I must get this to work with that browser. Any help is appreciated!
    This topic has been closed for replies.

    2 replies

    O
    Oğuz Demirkapı
    Participating Frequently
    March 21, 2008
    I have tried following code and it works as expected.

    <cfoutput>
    <cflayout type="tab" tabheight="400">
    <cfloop index="id" from="1" to="20">
    <cflayoutarea title="Tab #id#">Tab #id# content</cflayoutarea>
    </cfloop>
    </cflayout>
    </cfoutput>

    I think the number of tabs are not the problem. There must be something else. Please share your code.
    O
    OMHJonAuthor
    Participant
    March 21, 2008
    Hi, Thank you for responding.
    I tried your example with one modification and I am getting the same results as my code. What I changed in your code was the loop from 1 to 30 instead of 20. With the loop counter going to 20 I am able to fit all the tabs on the page.
    When I change the loop to 30 I can see only 21 1/2 tabs. My screen resolution is set to 1280x1024. I do get a horizontal scroll bar but it is of no use since the remainder of the tabs are not being output to the page. Earlier today I tested it on Internet Explorer 7 with the same results except that I didn't get the horizontal scroll bar.
    O
    Oğuz Demirkapı
    Participating Frequently
    March 21, 2008
    You are getting the fullscreen size for the content part not a fixed size.

    Try to resize your browser and reload the page and you will see the new size.

    But it is not dynamic and just generating a width depending on your browser width on load.

    The tabs are also formatted as one line and expands outside of the scrreen. But I think this is also an expected result.

    I personally do not prefer to use CF8 features and trying to use jQuery for these kind of requirements.

    Here is a tab example which is more powerful and easy to customize.

    http://www.stilbuero.de/jquery/tabs_3/

    would be interesting. :)


    O
    Oğuz Demirkapı
    Participating Frequently
    March 21, 2008
    Any sample code?

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices