Interface Introduction

Welcome!

Within this guide, you will learn how to use all of the main features within TradingLite.

Whilst we recommend users new to TradingLite, to start with this guide, if you'd prefer to a brief overview, please see our Quick Start guide.

We will split this guide into various sections, providing you with a solid foundation to get you started.

Some sections will also provide links to further reading, to ensure that each concept is covered to the fullest.

We strongly recommend having this guide open in one tab, whilst having the TradingLite platform open in another, in order to follow along. If you have not done so already, you can sign up here.

Let's begin!


'Layers' & 'Panes'

Upon successful registration and login to TradingLite, you will be presented with the default chart layout.

Default-Layout.png

By default, within your initial chart layout, you will find:

  • Traditional candlestick price-chart ('Main')
  • Volume
  • Heatmap
  • Heatmap Lens
  • VPVR
  • Grid

Each of these elements within your chart, is called a ‘Layer’.
All of these elements are within a single ‘Pane’ (Pane 0).
Layers’ can be arranged within multiple ‘Panes’.

TradingLite uses ‘Panes’ to manage different areas of the chart’s layout.

By default, 'Pane 0' will be the primary 'pane', displaying your chosen price chart (Main), in addition to the Heatmap, and other price related/dependent indicators.

You can add, remove and lock panes to suit your preference, and also adjust the scales within each of your panes.


Chart Settings

Customisation of your chart window is achieved via the ‘Chart Settings’ button, in the bottom-left of your screen.

Chart:Layer-Settings.png

Once here, you will have the ability to organise and configure both your 'Layers' and 'Panes', whilst also customising the look and feel of your charts via the ‘Customize Theme'.


Layer Settings

'General' chart settings include the ‘Right Margin’ setting, which allows user definable spacing between the current candle and the price scale, plus also the ability to reset all layers and chart settings via the ‘Restore Defaults’ button.

To begin to configure each of the layer/indicator's settings, start by 'Chart Settings', then clicking on the layer/indicator you wish to customise.

All layers/indicators will have the option to toggle their visibility, in addition to toggling whether their 'label' will be visible, which will be seen in the top right hand corner of its designated pane.

Toggling the 'label' option, will also enable a shortcut to show/hide the layer/indicator, plus the ability to quickly view the layer/indicator’s settings . These handy shortcuts are shown when hovering over its label.

Lable-hover.png

Within the 'Layer Settings' you have the ability to sort (either via drag and drop, or by using the 'up' and 'down' icons upon hover), duplicate and delete your Active layer/indicators, into a pane of your choice.

Note: If you remove an indicator layer, you will still need to ‘deactivate' it via the ‘Indicators’ button in the bottom left of your screen, to avoid using your maximum indicator limit (dependant on your subscription plan).


Customize Theme

Choose from a range of different themes to alter the visual appearance of TradingLite and the Heatmap.

Custom-theme.png

Within the 'Customize Theme' menu, you have the ability to change the colour of:

  • Candlestick body
  • Candlestick borders
  • Volume
  • Volume Profile
  • Chart Background
  • Axis

You are also able to restore the default colours by clicking ‘Restore Defaults’.


Indicators

Whilst a full Indicators guide is available, we will cover the basics here.

Clicking the ‘Indicators’ button will allow the ability to browse, activate, deactivate and favourite both TradingLite’s official Indicators, in addition to the growing list of community published indicators within the ‘Script Vault’.

When browsing community scripts, a search field and advanced filters are provided to narrow the results displayed.

Script-Vault.png

Here, you also have the ability to create and manage your own scripts using TradingLite’s advanced scripting language, LitScript.

In addition, you can also add community scripts that are ‘Unlisted’ by entering the LitScript ID given to you by the script’s author.

As stated previously, for more information regarding Indicators see the Indicators guide.


Top Toolbar

Top-Toolbar.png

TradingLite Logo

Preview of the latest TradingLite Blog posts.

The Blog is the best way to keep up to date with the latest developments and features of TradingLite.


Pair/Exchange Selector

Hovering over the Pair/Exchange Selector will provide you with a list of the supported exchanges and their supported pairs.

Clicking, will allow you the ability to search for a particular Pair/Exchange.

Pair:Exchange-selector.png

By pressing the 'star' icon, to the left of the pair, you will pin that particular pair to a ‘Favourites’ list, for quicker selection in future.


Time Frame Selector

Current timeframes that are supported include:

1m, 3m, 5m, 15m, 30m, 1h, 2h, 4h, 6h, 8h, 12h, Daily.

By pressing the 'star' icon, to the left of the timeframe, you will pin that particular time-frame for quicker selection in future.


Chart Type Selection:

Current chart types that are supported include:

Chart-Type.png

  • Candlestick

  • Heiken Ashi

  • Footprint (Cluster)

  • Footprint (Profile)

⚠ Note: To add either Footprint style chart, you must first Activate it via; Indicators > Official Indicators > Footprints (Cluster/Profile)


Panes/Layers Show/Hide Shortcut:

Layer-minimenu.png

Hovering over will allow you to quickly show/hide various panes and layers that are currently activated.

Clicking will bring up the 'Chart Settings'

⚠ Note: ‘Hiding’ an indicator layer, does not ‘Deactivate’ it.

For more information regarding the structure of 'Panes' and 'Layers', (and their relation to indicators) please see the above 'Layers Settings'.


Heatmap Customisation:

The Heatmap is one of TradingLite’s core features. Details of all aspects of the Heatmap, to maximise its utility to your trading methodology, is available here.

The sliding scales allow a greater degree of granularity in the visualisation of the Heatmap.

Heatmap-Slider-Details.png

  • The first scale allows you to quickly select the minimum unit value of the Heatmap. This will remove low value orders from the heatmap.

  • The second scale allows you to quickly select a maximum percentage of the peak unit value.

The dropdown, which accompanies the sliders, allows the ability to finely tune the minimum and peak unit values. This dropdown also displays the pair’s contract details. This includes the value of one unit, in addition to the HD/SD Heatmap block size.

HD/SD:

Selection between HD and SD block size of the Heatmap. (Note: Only available for Early Access + members.)


Undo/Redo:

Undo-Redo.png

'Undo' or 'Redo' your previous actions.


Layouts:

Layout-management.png

Depending upon your membership, TradingLite’s Layouts allow you the ability to quickly view, edit and manage a variety of user-defined chart layout templates.

This feature enables you to keep a unique combination of chart types, drawings, indicators, heatmaps etc separate from one another, allowing you to perform a variety of different styles of technical analysis on TradingLite, quickly and efficiently.


Invert Colours mode:

Invert-Colors.png

Clicking this button will toggle the Dark/Light mode contrast of the TradingLite window that you are currently using.


Screenshot:

Screenshot-Tool.png

Should you wish to publish an image of the current view of your chart, clicking the screenshot button will provide you with a clean, toolbar free image to share.


Status Toolbar

At the bottom of the TradingLite browser window, you will find Indicators, Chart Settings, Navigation shortcuts and Connection Status.

Chart-Indicator-Status-Toolbar.png

We have already covered Indicator and Chart Settings above.


Navigation Shortcuts:

Navigation-Shortcuts.png

  • Zoom out

    Shortcut to fit the whole timeline into view.

  • Reset View

    Shortcut to reset the view of the chart.

  • Scroll to Realtime

    Shortcut to scroll forward to the current price.


Connection Status

Whilst the signal strength will show you at a glance, your Connection Status, hovering will provide you information including:

Connection-Status.png

  • Server Connection Location.

  • Connection Status.

  • Ping (milliseconds).

If the connection status is providing evidence of some from of degradation, please follow the steps listed here. If this does not resolve your issue, please message a moderator on our Discord server.


Time / TimeZone Selection

The current time is displayed. By default, the TimeZone is UTC.

TimeZone.png

Click on the current time to change your TimeZone to suit your preference.


Scale Options

Scale-options.png

'%' - Percentage Scale (Coming Soon!)

When selected, the Percentage Scale adjusts the scale to show the percentage change in price, from the first candlestick within view of your chart. A 0% baseline is appears also upon selection.

'LOG' - Logarithmic Scale (Coming Soon!)

When selected, the Logarithmic Scale adjusts the scale of the price chart to a logarithmic view.

'Auto' - Auto Scale

This handy shortcut readjusts any changes you may have manually made to the price scale, to bring the highest and lowest prices of the visible candles, into view.


Drawing Toolbar:

Please see our dedicated Drawings guide that demonstrates the flexibility and customisability of TradingLite's Drawing Tools.


Trade Feed and Order Book

To the top right of your screen, you will find toggles that when clicked, will display the Trade Feed and Order Book.

- Trade Feed
- Order Book

Please see our dedicated Trade Feed & Order Book guides that explain, in detail, all of the options and features, they each respectively offer.


Miscellaneous Toolbar

In the lower right of your screen you will find the Miscellaneous Toolbar

Miscellaneous-Toolbar.png

Account:

Quickly view information including:


Help:

Shortcut to the Help Centre & Support


Focus mode:

Remove all toolbars from view.

Press ‘F’ on your keyboard to escape focus mode and return the toolbars into view.


Full Screen Mode:

Enable fullscreen mode. Press ‘Esc’ on your keyboard to exit full screen mode.


Show all content