topic calcite-tab-nav with 2 rows in Calcite Design System Questions https://community.esri.com/t5/calcite-design-system-questions/calcite-tab-nav-with-2-rows/m-p/1417655#M628 <P>Is it possible to make&nbsp;<SPAN>calcite-tab-nav to be 2 rows?</SPAN></P><P><SPAN>I have 7 tabs:</SPAN></P><DIV><DIV><SPAN>&nbsp; &nbsp;&lt;</SPAN><SPAN>calcite-tab-nav</SPAN> <SPAN>slot</SPAN><SPAN>=</SPAN><SPAN>"title-group"</SPAN> <SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"photo"</SPAN><SPAN>&gt;Photo&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"assessment"</SPAN><SPAN>&gt;Assessment&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"location"</SPAN><SPAN>&gt;Location&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"info"</SPAN> <SPAN>selected</SPAN><SPAN>&gt;Info&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"values"</SPAN><SPAN>&gt;Values&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"building"</SPAN><SPAN>&gt;Building&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"land"</SPAN><SPAN>&gt;Land&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &lt;/</SPAN><SPAN>calcite-tab-nav</SPAN><SPAN>&gt;</SPAN></DIV><DIV>&nbsp;</DIV><DIV><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="ForrestLin_1-1714583589226.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/102694i072410E4BBCC81FE/image-size/medium?v=v2&amp;px=400" role="button" title="ForrestLin_1-1714583589226.png" alt="ForrestLin_1-1714583589226.png" /></span><P>&nbsp;</P><BR /><P>&nbsp;</P></DIV></DIV> Wed, 01 May 2024 17:14:12 GMT ForrestLin 2024-05-01T17:14:12Z calcite-tab-nav with 2 rows https://community.esri.com/t5/calcite-design-system-questions/calcite-tab-nav-with-2-rows/m-p/1417655#M628 <P>Is it possible to make&nbsp;<SPAN>calcite-tab-nav to be 2 rows?</SPAN></P><P><SPAN>I have 7 tabs:</SPAN></P><DIV><DIV><SPAN>&nbsp; &nbsp;&lt;</SPAN><SPAN>calcite-tab-nav</SPAN> <SPAN>slot</SPAN><SPAN>=</SPAN><SPAN>"title-group"</SPAN> <SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"photo"</SPAN><SPAN>&gt;Photo&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"assessment"</SPAN><SPAN>&gt;Assessment&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"location"</SPAN><SPAN>&gt;Location&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"info"</SPAN> <SPAN>selected</SPAN><SPAN>&gt;Info&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"values"</SPAN><SPAN>&gt;Values&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"building"</SPAN><SPAN>&gt;Building&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &lt;</SPAN><SPAN>calcite-tab-title</SPAN> <SPAN>id</SPAN><SPAN>=</SPAN><SPAN>"land"</SPAN><SPAN>&gt;Land&lt;/</SPAN><SPAN>calcite-tab-title</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &lt;/</SPAN><SPAN>calcite-tab-nav</SPAN><SPAN>&gt;</SPAN></DIV><DIV>&nbsp;</DIV><DIV><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="ForrestLin_1-1714583589226.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/102694i072410E4BBCC81FE/image-size/medium?v=v2&amp;px=400" role="button" title="ForrestLin_1-1714583589226.png" alt="ForrestLin_1-1714583589226.png" /></span><P>&nbsp;</P><BR /><P>&nbsp;</P></DIV></DIV> Wed, 01 May 2024 17:14:12 GMT https://community.esri.com/t5/calcite-design-system-questions/calcite-tab-nav-with-2-rows/m-p/1417655#M628 ForrestLin 2024-05-01T17:14:12Z Re: calcite-tab-nav with 2 rows https://community.esri.com/t5/calcite-design-system-questions/calcite-tab-nav-with-2-rows/m-p/1559455#M776 <P>Something like this?</P><P><A href="https://svctenvims.dot.ca.gov/env_viewer/" target="_blank">https://svctenvims.dot.ca.gov/env_viewer/</A></P> Sat, 16 Nov 2024 02:18:01 GMT https://community.esri.com/t5/calcite-design-system-questions/calcite-tab-nav-with-2-rows/m-p/1559455#M776 LefterisKoumis 2024-11-16T02:18:01Z Re: calcite-tab-nav with 2 rows https://community.esri.com/t5/calcite-design-system-questions/calcite-tab-nav-with-2-rows/m-p/1563786#M784 <P><a href="https://community.esri.com/t5/user/viewprofilepage/user-id/14521">@LefterisKoumis</a>&nbsp;</P><P>Thanks.</P><P>&nbsp;</P> Mon, 02 Dec 2024 18:49:39 GMT https://community.esri.com/t5/calcite-design-system-questions/calcite-tab-nav-with-2-rows/m-p/1563786#M784 ForrestLin 2024-12-02T18:49:39Z