Sidebar Buttons

With LCARS 7.1 and above you can add buttons to the LCARS sidebar. Here's how: in your HTML page, locate the DIV with the class name "panel-3" and insert the following code after (shown in red)...



				<div class="panel-3">03<span class="hop">-111968</span></div>

				  <div class="sidebar-buttons">

				    <a href="url">button 01</a>

				    <a href="url">button 02</a>

				  </div>

				<div class="panel-4">04<span class="hop">-041969</span></div>

Result

NOTE: You can insert as many buttons as you like, but do so only between DIVs "panel-3" and "panel-4" for best results. Also try and limit the amount of text for each button to no more than approximately 8 characters as they may not all display when viewing on smart phones.

TNG Legacy Theme Special Instructions

There is a unique ID tag to shorten the height of *panel-3" so the sidebar buttons don't start so far down the LCARS sidebar. See Info-Graphic 02 for instructions.

info-graphic 02