javascript - Create a Horizontal Scroll Tab for Ajax Tab Container -


i got many tabs inside ajax tab container cannot fit 1 row. create horizontal scroll tab ajax tab container fit tabs single row.

i have tried research online quite awhile still couldn't find solution it. ajax tab container , tab panel created dynamically in c#. output achieve:(see below:)

enter image description here

this codes:

    //aspx file  <div>              <asp:scriptmanager id="scriptmanager1" runat="server">             </asp:scriptmanager>         </div>         <asp:updatepanel id="updatepanel1" runat="server" scrollbars="horizontal">             <contenttemplate>         <asp:placeholder id="placeholder1" runat="server"></asp:placeholder>                  <asp:chart runat="server">                  </asp:chart>              </contenttemplate>         </asp:updatepanel>  //cs file ajaxcontroltoolkit.tabcontainer container = new ajaxcontroltoolkit.tabcontainer();             container.id = "tabcontainer";             container.enableviewstate = false;             container.tabs.clear();             container.height = unit.pixel(2000);             container.width = unit.pixel(2000);             container.tabs.addat(0, getmanualtab());    ajaxcontroltoolkit.tabpanel panel = new ajaxcontroltoolkit.tabpanel();                     panel.headertext += item.text;                     container.tabs.add(panel); 

question: how create horizontal scroll tab ajax tab container in order fit many tabs one row?

appreciate if provide me on this. thanks!

regards,

felicia


Comments

Popular posts from this blog

1111. appearing after print sequence - php -

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

Ruby on Rails, ActiveRecord, Postgres, UTF-8 and ASCII-8BIT encodings -