Displaying a second Overlay Instance

Displaying a second instance of your Overlay could be useful if you want to display a different overlay you can see when driving and compared to your overlay that your stream viewers can see.

Several overlays connected to the same room can now display components with instance specific settings (variables) as well as instance specific styles (style overrides).

You may have noticed already that all Variables you currently use begin with Overlay. and all Style Overrides being with .overlay Overlay is the name of your overlay when you have no second instance defined.

To display any information on a second instance we need to define a new name for it. In our example we will use Hud. If you want to use this second instance in the Live HUD App then you will simply enter Hud in the Instance Field, if you want to display this second instance in OBS then add &instance=Hud to the end of your url.

Now your new instance will display no overlay and your original instance will be unchanged. This is because we have yet to define any variables or styles in this new instance.

Tech Support & Community Discord

Setting up a second Instance is a reasonably advanced feature. You should be familiar with the processes in Remote Control Tab and Editing CSS Styles before trying to to create a second Instance. If you have any other questions make sure you join us in our Discord support server!

Define Variables

For our example let’s first just add a Track Map to our new instance:

  • Press F4 in iRacing Live Timing to open the remote control tab and then press F2. You have now entered Edit Mode.
  • Alt + Left Click the Track Map Component so the whole component is selected and select the Copy then Paste button. Click and drag the component to reveal the copy and reposition as desired.
  • With the duplicated Component selected you could also create a second tab for the Remote Control Panel if you wanted to separate the controls for your two instances. In the Tab field, enter you name of choice and you will see the tab created on the left edge of the Remote Control Panel. The component has now been moved to this new Tab.
  • With this component selected still you will see the Instance field listed. Enter your desired instance name here.
  • Exit Edit Mode with F2 again and the variables for this entire component have now been assigned to your new instance.
  • As well as Alt + Left Clicking to make your original selection, you can also just Left Click to select individual widgets or click and drag to select multiple components.

Operating the buttons on this component(s) will now only affect the component in your second instance.

Define Styles

Depending on the Component you are working on, you have may have noticed the Track Map (for our example) is displaying in a different size and/or position. This is because we have not defined any Styles for our new instance.

Find the Component Class in Style Overrides (if you can’t find the correct class, then visit the specific Component Manual Here for the CSS code you can copy), copy the code and paste at the bottom of the page. Replace .overlay with .hud (no capitalisation), click Apply and you will see the Component resize/reposition. You can now make any normal CSS adjustments to this new code.

Rinse and Repeat

So hopefully you now get the idea, for every component you want to display in this new instance you need to define both the variable and the style.

If you are working from a replay file you will need to ensure you duplicated the Initial Settings component so you can select the Replay File button, otherwise this new instance won’t display!

This is an advanced feature and so will take some time to setup and understand. Be sure to jump into Discord for any help you need!

14 Day Free Trial

£ 0

14 Days

  • New Customers Only
  • iRacing Live Timing
  • iRacing Live HUD
  • iRacing Live Streamer
  • Discord Customer Support

Try now!

Choose Your Rolling SubscriptionMost Popular

£ ?

£8.33 per Month Ex-Vat
or £83.33 per Year Ex-Vat

  • iRacing Live Timing
  • iRacing Live HUD
  • iRacing Live Streamer
  • Discord Customer Support

Sign up now!

30 Day Access

£ 8.33

Per Month Ex-Vat

  • iRacing Live Timing
  • iRacing Live HUD
  • iRacing Live Streamer
  • Discord Customer Support

Sign up now!

1 Year Access

£ 83.33

Per Year Ex-Vat

  • iRacing Live Timing
  • iRacing Live HUD
  • iRacing Live Streamer
  • Discord Customer Support

Sign up now!

© 2019 SDK Gaming. All Rights Reserved