View source for Page: vehicles

{{5eToolsHeader}}
[[File:Screen Vehicles.png|frameless|center|700px]]
==Vehicles==
:This subject is actually somewhat covered in [[Pages:_items|items]] as well, as the vehicles are, also items - which is why their UIs are fairly similar. 

<br/>
==='''Instructions '''(How to use it)===
Use the Filter and Search to limit results, then choose an entry from those results and it will display that content in the information pane (Right side of screen to most PC; bottom of the page for mobile. 


Expand Page layout below for more information
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">Page Layout</div>
<div class="mw-collapsible-content">
[[File:Screen_referenceitem_labeled.png|frameless|center|650px]]

----
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">[[Feature: Website Navbar|1️⃣ Website Navbar]]</div>
<div class="mw-collapsible-content">
[[File:Website toolbar.PNG|600px]]
<br />

::The Navbar appears atop of most of the features of the site and helps quickly navigate between its features.

::The bar shifts to include the current page's title and some specific advice for its use, and link to the wiki for the site's feature(s).

[[Website Features|'''Navbar Options''']]

</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">[[Feature: Filter|2️⃣ Filter]]</div>
<div class="mw-collapsible-content">
::{{5eToolsFilter}}

<br/>
'''Sources'''
:: The sources will be listed under the Filter element. Depending up the settings used on the Filter setting page. 

<br/>
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">3️⃣ Filter's Result's List</div>
<div class="mw-collapsible-content">
::This pane lists a number of columns which can be sorted by clicking upon the column's heading which will then be denoted after the column's title by either [[Image:FilterResultsAscending.PNG]] (ascending) or [[Image:FilterResultsDescending.PNG]] (descending).

::By selecting an entry upon the filter's result list, the panel on the (5️⃣) information pane of the webpage, and will update with the detailed information as it's selected.

::You can choose them by either using the mouse to select, or using the <code>J</code> or <code>K</code> keys to manually move through the list of options.

<br/>
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">4️⃣ Pinned List/Information Pane Controls</div>
<div class="mw-collapsible-content">
::Pin List
::: This will show when an entry is pinned for the first time, and will expand dynamically as additional contents are added.

<br/>
{{ControlsInfoUI3}}

<br/>
:: FOR [[File:Website_UI.PNG|framless|x25px]]
:::[[File:Pin button.png|frameless|x25px]] = Pinned. Add currently selected item to the list in the 4️⃣ Pinned List.
:::[[File:Popout button.png|frameless|x22px]] = Popout Window. Opens a locked popout.
:::[[File:Link button.png|frameless|x22px]] = Get link to Filters
:::[[File:Downloadlist button.png|frameless|x22px]] = Download list. Export your pinned items to local file.
:::[[File:Uploadlist button.png|frameless|x22px]] = Upload List. load a local file of previously exported list.

<br/>
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">5️⃣ Information Pane</div>
<div class="mw-collapsible-content">
::On the right-hand side of the website, the detailed information of the selected item the Filter's Result List pane (3️⃣) will be displayed.

::This will differ from page to page and as such some entries will have elements which ([[Image:Website UI.PNG|x20px]] or [[File:InformationTab.PNG|x20px]]) which will provide additional information, pin or remove customized lists; Show the source JSON data for modification in the [[Feature: Homebrew Builder|'''Homebrew Builder''']]; links to the entry directly, and to [[Feature: Manage Homebrew|'''manage homebrew''']] sources for the content being used for that section's data.

:This section specifically applies to the mechanics of the various vehicles, and at that its got number of elements:
::'''Creature Capacity''' - 
::'''Cargo Capacity'''
::'''Travel Pace'''

::Attributes

::'''Damage Immunities'''
::'''Condition Immunities'''

<br/>
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">[[Feature: Dice Roller|6️⃣ Dice Roller]]</div>
<div class="mw-collapsible-content">
[[File:DiceRollerVid.gif|frameless|right|310px]]

::At the bottom of most pages, there will be this icon [[File:RollerButton.png]]. When it is clicked (as the animation shows) it will open a small window which can be used to either roll, or return the results of actions triggered by clicking other elements of the site. (usually triggered by a link on the page that most often look like <font color="#2e7bab">'''2d10'''</font> this. (There are some instructions on how to do this within the JSON data in the [[Feature: Renderer Demo|'''Renderer Demo''']] should you want to enable this for your own documents - see [[Homebrew]].

<br/>
::The roller uses the common format for dice rolling (that being <code><a>'''d'''<X></code> where <code><a></code> is the number of dice rolled <code><X></code> number of times. The results of the roll(s) is(are) presented to the roller window with separate entries and then the sum of the rolls are calculated as well.
<br/>
For a detailed description of the feature please see the [[Feature: Dice Roller|🎲 '''Dice Roller''']] page.
</div></div>
</div></div>

<br/>
----
[[File:Shift key.png|framless|right|100px]]

===Controls===
[[File:Keyboard.png|frameless|right|x75px]]
::* [[File:Shift key.png|framless|x22px]] - Locks open a popup window
::* <code>J</code> or <code>K</code> - Navigate up and down the filter's list.
::* <code>SPACE</code> - page down
::* <code>F</code> - Find. This will immediatly move the focus to the Filter's Search field

<br/>

{{ControlsPopupUI}}
<br/>

{{ControlsInfoUI3}}
<br/>

{{ControlsInfoUI1}}
<br/> 
----

=== Feature Support===
----
<div class="toccolours mw-collapsible mw-collapsed" style="overflow:auto;">
<div style="font-weight:bold;line-height:1.6;">Known Issues/Limitations</div>
<div class="mw-collapsible-content">
----
{{Template:KnownIssue_Vehicles}}

<br/>
</div>
<div style="font-weight:bold;line-height:1.6;">FAQ</div>
<div class="mw-collapsible-content">
----
{{Template:FAQ 5eTools Vehicles}}
</div>
<div style="font-weight:bold;line-height:1.6;">Best Practices</div>
<div class="mw-collapsible-content">
----
:: None as yet (Do you have any suggestions?)
</div>
<div style="font-weight:bold;line-height:1.6;">Homebrew</div>
<div class="mw-collapsible-content">
----
:: 🚧 Still being documented.
</div>
</div>

<br/>
----

==='''Related Features'''===
----

:* [[Page:_items|Items]]
:* How to make your own [[Homebrew: Vehicles|Vehicles]] for 5eTools.

<br/>
{{FeatureSupport}}