Looking for TabPanel example with overflowing content

Looking for TabPanel example with overflowing content

Posted by: seaninglis on 24 March 2022, 2:04 pm EST

• 

  seaninglis

  • Post Options:
  • Link
    Copy

  Posted 24 March 2022, 2:04 pm EST

  Are there any wj-tab-panel examples where:

  • The overall tab takes the full height of it’s parent element (which may take the full height of it’s parent etc.)

  • As the height of the parent element changes the representing the tab header stays in place, but the

    for tab content overflows with a scrollbar as needed.

  I’m finding the same issue that bit me with the popup control, i.e. in the source there’s a straightforward structure:

  
  <wj-tab-panel...
      <wj-tab ...
          <a .. my header
          <div ... my content
  
  

  but when the control is rendered, this is rearranged and there are multiple inserted and rearranged elements.
  
  This leaves me having to guess which ones to target with different selectors to get the overflow and scrolling I want.

  It would also be helpful to know if this just isn’t commonly supported - I don’t want to burn a lot of time on it as it’s probably faster to implement from scratch than to experiment.

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 28 March 2022, 9:17 am EST

  Hello,

  We apologize but we are unable to replicate the issue at our end as per your description, could you please provide a small sample replicating the issue so that we can investigate further and assist you accordingly.

  Also, make sure that the element representing the tab header shouldn’t have any padding or some other CSS applied to it that might be causing the issue. By default, it only has minimal padding applied to the tab content.

  Regards