Skip to main content

Adjusting your dashboard to fit your needs on Twitch

You can fully adjust your Moobot dashboard to fit your needs, where it can work as an addition to your Twitch dashboard, or even fully replacing it.

The theme of your dashboard (Light vs. Dark)

Depending on your preference, you can adjust your dashboard's theme.

Just open the «Interface» menu from the main menu and then click the «Dark theme UI» button to switch between Light- and Dark-theme for your dashboard.

Dark theme Light theme

Widgets on your dashboard

The primary screen of your dashboard has several widgets, each restricted to their own little box, with their own unique purpose and functionality.

You can adjust which widgets are visible by following these steps:

  1. Open up the «Interface» menu from the main menu, then open the «Widgets» menu from there. The interface menu in the main menu
  2. While in the «Widgets» menu, use the toggle button on the right-hand side of a widget to show or hide it. Deactivated toggle button Activated toggle button

The controls widget

The controls widget lets you and your editors do certain actions quickly, directly from your dashboard's primary screen:

You can make the widget take up less screen-space by compacting it. Just hover over it, open the gear-iconed menu, and then activate the «Compact» checkbox.

The controls widget

The status widget

The status widget lets you know in real-time if something is wrong with the dashboard or your Twitch chat bot.

The status widget

If something is wrong, click the magic-wand-iconed button and follow its steps to resolve the issue.

The status widget, with an issue

The notification log widget

The notification log widget displays the recent engagements for the Twitch channel and is updated in real-time as new entries come in.

Notification log widget

The widget can display these engagements:

Hover over the widget, open the eye-iconed «Display» menu, and then activate the checkboxes for any of the engagements you want to display in the widget.

The notification log widget's menu

Adjusting the widget's size:

You can adjust the widget's height by hovering over it, opening its «Height» menu, and then dragging its slider to the desired position.

Adjusting the font size of the notifications:

You can adjust the font size of the widget's notifications to fit your needs.

Hover over the widget, open its «Font size» menu, and then drag its slider to the desired position.

Hiding user-thumbnails in notifications:

You can hide any user-thumbnails by hovering over the widget, opening the gear-iconed menu, and then deactivating the «Show thumbnails» checkbox.

Disabling animations for Cheered Bits notifications:

Disable animations for any Cheered Bits notifications by hovering over the widget, open the gear-iconed menu, and then deactivate the «Show animations» checkbox.

Emptying the widget of seen notifications:

To empty the widget of previous notifications, hover over it, and then click the trash-iconed «Clear» button.

Disabling page scrolling while hovering over the widget:

You can disable the page's scrolling while you are hovering over the widget, that way your dashboard's position is unaffected while you're scrolling inside the widget.

Hover over the widget, open the gear-iconed menu, and then activate the «Freeze scroll» checkbox to enable this behavior.

The event log widget

The event log widget displays a real-time overview of what is happening on the dashboard and with your Moobot.

The event log widget
Event type Description
Changes Setting change descriptions, including who made the change.
Information Information messages which may or may not require attention.
Warnings Warning messages which most likely require some attention.
Errors Error messages which require immediate attention.
Removed messages Any Twitch chat messages that your auto moderation removes.

Hover over the widget, open the eye-iconed «Display» menu, and then activate the checkboxes for any of the events you want to display in the widget.

Adjusting the widget's size:

You can adjust the widget's height by hovering over it, opening its «Height» menu, and then dragging its slider to the desired position.

Emptying the widget of seen events:

To empty the widget of previous events, hover over it, and then click the trash-iconed «Clear» button.

Disabling page scrolling while hovering over the widget:

You can disable the page's scrolling while you are hovering over the widget, that way your dashboard's position is unaffected while you're scrolling inside the widget.

Hover over the widget, open the gear-iconed menu, and then activate the «Freeze scroll» checkbox to enable this behavior.

The Twitch chat widget

The chat widget embeds the channel's Twitch chat directly into the dashboard.

The Twitch chat log widget

As a security measure taken by Twitch, sending your first chat message through the chat will require you to click the «OK» button in the confirmation dialog that pops up.

The Twitch chat widget, confirmation dialog

Closing and opening Twitch chat:

You can open and close Twitch chat by clicking the eye-iconed «Open chat» and «Close chat» buttons while hovering over the widget.

Keeping the chat closed on page load:

If you want to keep Twitch chat closed when you initially load the page, hover over the widget, open the gear-iconed menu, and then activate the «Closed on load» checkbox.

You can then open Twitch chat manually by hovering over the chat widget and clicking the eye-iconed «Open chat» button.

Adjusting the chat's size:

You can adjust the chat's height by hovering over it, opening its «Height» menu, and then dragging its slider to the desired position.

Disabling page scrolling while hovering over the Twitch chat widget:

You can disable the page's scrolling while you are hovering over the chat, that way your dashboard's position is unaffected while you're scrolling up and down Twitch chat.

Hover over the chat widget, open the gear-iconed menu, and then activate the «Freeze scroll» checkbox to enable this behavior.

The stream widget

The stream widget lets you and your editors set the channel's Twitch category and title.

The stream widget

The Twitch ads widget

The Twitch ads widget lets you see key information about the channel's ads, and also lets you manage them directly from your dashboard.

This can help you time your ads better, avoiding ads running at important moments in your stream, while also avoiding pre-rolls from activating on your stream.

If you have auto-ads enabled you can also manage them from this widget, allowing you to see when the next one is scheduled, and delaying it to a better time if needed.

The Twitch ads widget

Moobot can also alert you about upcoming ads, when ads start and end, remind you to run ads, and warn you when pre-rolls are about to be activated on the stream. You can access the ad-notifications menu directly from the widget.

The Twitch ads widget, opening the ad-notifications menu The Twitch ads widget, the ad-notifications menu

The stream stats widget

The stream-stats widget shows you up-to-date stats of the channel, like how many live viewers it has, and how many followers the channel has.

The stream stats widget, in compact mode

You can make the widget take up less screen-space by compacting it. Just hover over it, open the gear-iconed menu, and then activate the «Compact» checkbox.

The stream stats widget

The stream preview widget

The stream preview widget lets you view the Twitch stream directly in your dashboard.

The widget shows an up-to-date preview of the stream, or you can click the play button (or the eye-iconed «Open» button in the menu) while hovering over the widget to watch the stream live.

The stream preview widget

The song player widget

The song player widget lets you play and control what is playing through the song request feature.

You can also use the player as a standalone music player without the request part of the feature. That way you can take advantage of all the other functionalities of the feature.

To use the song player as a standalone player, only add songs to your secondary playlist, which will make the player only play your own personal songs.

The player also fully syncs between multiple devices and users, which means you can use it from multiple sources at the same time.

You can also set up Moobot Assistant to control your song player with keyboard hot-keys. That way you don't have to switch out of your game to e.g. skip a song or change the volume.

The song player widget

Use the play, stop, pause and skip buttons in the widget to control the player.

The song player widget, song menu

You can display the list of played songs by clicking the list-iconed button in the bottom left of the widget.

Hover over the songs in the list to show their menu, which includes options for adding the song to your secondary playlist, or blacklisting it.

The user widget

You can use the user widget to navigate to a dashboard you're an editor on, to switch between UI profiles, open up the channel's general settings, or log out of the Moobot dashboard.

The user widget

Hover over the widget to access its menu.

The user widget's menu

You can access the channel's general settings from the menu by clicking the «Channel settings» button.

The user widget's menu

The dashboard widget

The dashboard widget displays which dashboard you're on (as an editor), and who you are logged in as.

The dashboard will only show the widget when you are on a dashboard other than your own, unless you've activated the «Always show» checkbox in the widget's menu.

You can also display the full name of the dashboard by activating the «Display name» checkbox in the widget's menu.

The dashboard widget

The updates widget

The updates widget displays up-to-date information about your Moobot and Twitch and refreshes automatically while you're on the dashboard.

You can make the widget take up less screen-space by compacting it. Just hover over it, open the gear-iconed menu, and then activate the «Compact» checkbox.

The updates widget

The social widget

The social widget has all the Moobot social links.

The social widget

The user poll widget

The user poll widget lets you give direct feedback to the devs, which helps tremendously in making Moobot better for you.

The dashboard will automatically hide the widget once you've given your feedback.

The user poll widget

Adjusting how your dashboard is set up

You can move around your widgets on your dashboard as long as you have deactivated the «Lock UI» option in the «Interface» main menu.

Just drag-and-drop the widget to where you want to place it. (Some widgets require you to drag the widget from the «Drag» button in their menu.)

Your dashboard divides itself into 3 rows, with their own columns where you can place your widgets.

The middle row has several columns, with each their own width. You can adjust these columns by following these steps:

  1. Open up the «Interface» menu from the main menu, then open the «UI columns» menu from there. The interface menu in the main menu
  2. While in the «UI columns» menu you can adjust the width of a column by dragging its slider to your desired size. The UI columns menu
  3. You can add or remove columns by clicking the «Add» or «Remove» buttons at the bottom of the menu.
  4. Save your changes by clicking the «Save» button at the bottom of the menu.

You can also compact your dashboard by activating the «Reduce the padding surrounding the columns» checkbox in the «UI columns» menu.

Switching between dashboard set-ups

A «UI profile» contains the set-up of your dashboard.

By switching between UI profiles you can easily switch between different dashboard set-ups, allowing you to have different setups for different tasks.

E.g. you can have a UI profile for heavy moderation tasks, and one for when you're streaming. Or a reduced dashboard for when you're on mobile, and a large dashboard while full-screened on your desktop.

Follow these steps to create a UI profile:

  1. Open up the «Interface» menu from the main menu, then open the «UI profiles» menu from there. The interface menu in the main menu
  2. Type the name of your profile in the «Profile name» input at the bottom of the menu. The UI profiles menu
  3. Click the «Add» button once you've chosen and typed in a name for your profile.
  4. Find your new profile in the «Current profiles» table and activate its «Active» toggle button to make it your active profile.
  5. Click the «Save» button at the bottom of the menu to save your changes.

Any adjustments made to the dashboard's interface will only affect your active profile.

Each dashboard you're an editor of has its own set active profile, with the initial active profile being your default (first) profile, named «Default».

Automatically switching between dashboard setups

Moobot can automatically switch between profiles for you when you resize your dashboard's window.

This allows you to e.g. have a more compact view for when you resize your dashboard to a smaller window, taking up less screen-space, and then have your dashboard automatically restored back to full functionality again when you maximize the dashboard's window.

By automatically switching between profiles, you can optimize the view of your dashboard to only show what you need when you need it.

Follow these steps to set up automatic profile switching:

  1. Open up the «Interface» menu from the main menu, then open the «UI auto-switching» menu from there. The interface menu in the main menu
  2. Select the profiles to switch to for the various screen sizes in the «Auto-switches» table. The UI auto-switching menu
  3. Click the «Save» button at the bottom of the menu to save your changes.

Putting your dashboard directly into your OBS

You can put your dashboard directly into your OBS (Open Broadcaster Software) by adding it as a custom browser dock.

This lets you dock your dashboard inside the OBS window and have it start up alongside OBS when you start your stream.

Docking your dashboard into OBS is very simple, just follow these steps:

  1. Open OBS, and from the «View» menu choose «Docks», and then «Custom Browser Docks...». Moobot dashboard docked inside OBS, step 1
  2. Add a new dock named e.g. 'Moobot' in the «Custom Browser Docks» window and set its URL to «https://moo.bot/username» with «username» being the dashboard's channel name (your Twitch username.) Moobot dashboard docked inside OBS, step 2
  3. Hit the «Apply» button to add the dock.
  4. Once the dashboard's window has popped up, hold down your mouse at the top bar of the window (your dashboard), and then move it inside your OBS window to dock it.
  5. Log in to your Moobot dashboard as normal. Moobot dashboard docked inside OBS, step 3

When you've successfully docked the dashboard, you can make your life easier by adjusting it to fit your OBS view and workflow:

  1. Create and use a separate UI profile for just your OBS. That way you can have a different dashboard set-up in OBS vs. in your browser.
  2. Hide the widgets you won't need inside OBS.
  3. Set up the columns of your dashboard to fit the smaller dashboard window.
  4. Reorganize the widgets by drag-and-dropping them to where they best fit your OBS window.