Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 17, 2019 at 12:14 pm #1148898
    Marc

    Hello together,

    I am using the tab section layout element and usually place my content between two short separators. Unfortunately, the short separator after the main content is not being displayed within each of the tab sections.
    It seems to me that this is no intended behaviour and looks like a bug.

    In addition, it also seems that the huge padding I applied within the element isn’t applied at the bottom, only at the top.

    How can this be fixed?

    Best regards,
    Marc

    October 18, 2019 at 1:52 pm #1149257
    Victoria

    Hey Marc,

    Try editing the tab content and set it to display on top, not in the middle.

    I did not see the issue on the page.

    If you need more padding at the bottom we can give you css, no need for the separator.
    Best regards,
    Victoria

    October 18, 2019 at 1:53 pm #1149258
    Victoria

    Hey Marc,

    Try editing the tab content and set it to display on top, not in the middle.

    I did not see the issue on the page.

    If you need more padding at the bottom we can give you css, no need for the separator.
    Best regards,
    Victoria

    October 21, 2019 at 9:38 am #1149750
    Marc

    I have tried the advice with changing the vertical alignment of the tab content to top but it didn’t solve the issue.

    The separator has not been placed there for additional padding but as a pure visual component.
    As you can clearly see in the screenshot (private content) somehow the applied padding-bottom and the separator both get swallowed by the footer.
    This happens in all tabs despite the different content.

    October 21, 2019 at 10:49 am #1149789
    Victoria

    Hi Marc,

    Best regards,
    Victoria

    October 21, 2019 at 3:53 pm #1149899
    Marc

    Yes, the separator shows up if placed outside the 1/1 column but only due to sliding up a little.
    The padding of the tab section doesn’t show up though and therefore it still does look messed up.

    I just figured out that this problem only exists if the tab section setting “content height” is set to “auto adjust to content”.
    If set to “same height for all tabs” everything is being displayed correctly.
    This is no solution but could help identifying the problem.
    So far, it seems like a bug.

    October 24, 2019 at 9:47 am #1150774
    Ismael

    Hi,

    Thank you for the info.

    The content of the tab section is taller than the specified maximum height value, cutting off any content at the bottom. Please try to use this css code to remove the height restriction. 

    .av-tab-section-outer-container {
	max-height: none !important;
}

    And don’t forget to toggle the Performance > File Compression settings after adding the code.

    Best regards,
    Ismael

    October 24, 2019 at 1:25 pm #1150875
    Marc

    That has fixed the problem, thank you.
    This ticket can then be closed now.

    October 25, 2019 at 5:12 am #1151063
    Rikard

    Hi Marc,

    Great, I’m glad that Ismael could help you out and thanks for the update. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Fixing tab section not showing all of the content’ is closed to new replies.