Vertical Scroll in Tabs when HTML elements are inside

[Mike McAllenParticipant]

Hi there mates,

I am creating a jqxWindow modal. Inside it, I am putting a jqxTabs with two tabs, it ocuped the 100% of the jqxWindow. And inside one of those tab, I am putting some html elements (like inputs, textareas, …). All this elements are bigger than the jqxtab area, so I would like to show a scroll at right to can move through all that elements. But I don’t know how I can do it! I have been looking for that all the day, but with no lucky. Anyone of you can help with this issue?

Thank you very much to all.

Best Regards,

[Mike McAllenParticipant]

OK, I got it!

Finally I do it so (with the overflow-y: auto in the line below, before id=’jqxTabPersonal’):

<div id='jqxTabsFichaHistorico' style="text-align: center; margin: auto;">
  <ul>
    <li style="margin-left: 30px; height: 15px;">
      <div style="height: 15px; margin-top: 5px;">
        <div style="float: left;">
          <i class="fa fa-calendar" aria-hidden="true"></i>
        </div>
        <div style="margin-left: 4px; vertical-align: middle; text-align: center; float: left;">
          FICHA PERSONAL
        </div>
        <br />		                     	
      </div>		                    
    </li>
    <li>
      <div style="height: 15px; margin-top: 5px;">
        <div style="float: left;">
          <i class="fa fa-calendar" aria-hidden="true"></i>
          <i class="fa fa-file" aria-hidden="true"></i>
        </div>
        <div style="margin-left: 4px; vertical-align: middle; text-align: center; float: left;">
          HISTÓRICOS
        </div>
        <br />
      </div>
    </li>
  </ul>
  <!-- el contenido de la pestaña de Ficha -->
  <div style="overflow: hidden; overflow-y: auto;">
    <div id='jqxTabPersonal'>
    </div> 
  </div>
  <!-- el contenido de la pestaña de Historico -->
  <div style="overflow: hidden;">
    <div id='jqxTabHistorico'>
    </div>
  </div>
</div>

[Author]

Posts