How to create tabs in ArcGIS Enterprise Sites

403
1
02-02-2022 01:57 AM
Eisele
by
New Contributor II

Hi, 

I have already created an ArcGIS Enterprise Site. I have also added a few pages. Now, I'd like to ask how the tabs are created because I have seen some samples that has tabs. I am curious on how to do that as well.

Thanks in advance,

Eisele

0 Kudos
1 Reply
JosephGann__MTA_
New Contributor II

If you are using Enterprise 10.9.1 then the following code framework can be used - change and add lines of code as desired.  I'm not sure if this will work with lower versions

<!-- Nav tabs -- copy and past last list item if you want more tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>

<!-- Tab panes -- If you add more tabs above, make sure you add a corresponding pane and have the ID's match-->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">Tab pane content</div>
<div role="tabpanel" class="tab-pane" id="profile">Tab pane content</div>
<div role="tabpanel" class="tab-pane" id="messages">Tab pane content</div>
<div role="tabpanel" class="tab-pane" id="settings">Tab pane content</div>
</div>