Edit Message lines

Within the tab Settings of Message lines you can define different aspects of the appearance of the information messages regarding incoming tips.

Overview

In Designer Options you can edit the settings of the tip message lines. This is done by adjusting the settings…

In Designer Options you can edit the settings of the tip message lines. This is done by adjusting the settings on the following screen. You find it in TipTicker if you follow this menu path:

Options ==> Design Options ==> select tab "Settings of Message Lines"

The areas of interest are marked with a referencing number in a red dot. All following numberings refer to these dots. Where needed a special chaper describes the setting in detail.

 This definition is essential for TipTicker to work. Because of this, TipTicker don't let you connect to your alias if you have not at least made some settings and adjustments here and in Edit Tip Timings.

 2020 05 25 05 08 15 Setup Design

 

(1) Position of the Tip line:

2020 05 25 08 51 40 Setup Design

This setting controls the location of the tip messages. All message lines are located on the bottom of the screen. You can decide if you want them at the left or right side, or no tip messages at all (option none). 

 

(2) Additional attributes of the Tip line:

2020 05 25 08 51 42 Setup Design

  • Number of Tip Lines: defines how many tip messages are stacked on display. They get removed one after the other when the defined timeout has reached
  • Height of Tip Line: Adjusts the height of the tip messages. You need to set it according to your font size.
  • Offset from bottom: sets the distance of the first message from the bottom of the screen. Set it to your needs.

 

(3) Set Font attributes:

You can use any font which is installed on your broadcasting system. It is even possible to download and install new fonts on your system.

2020 05 25 08 51 43 Setup Design

  • Select Font: Select the font of your liking. This font will be used to show the messages for incoming tips.
  • Font Size: Set the size in pixels of the selected font.

 

(4) Define the different parts of the tip messages and set the colors.

A tip message consist of 5 parts. 3 of them can be defined individually. All parts will show up together in one message line. You can set the forecolor and the back color of the messages.

2020 05 25 08 51 44 Setup Design

  • Background color of the tip text: This defines the color of the message line. Click on it to select a new color.
  • Button below (here yellow): defines the color of the message text. Click on it to select a new color.
  • Starting Text: Here you define the starting text individually. It preceedes the name of the tipping user.
  • Middle Text: Define a text which is placed between the name of the tipping user and the tip amount.
  • Trailing Text: Define a text which is following the tip amount.

 

(5) Define Flash attributes and other attributes:

If you want, every incoming tip flashes once for a short time at the beginning of the appearance. You can also define the gap between two message lines. Finally it is possible to define, that a message line has rounded corners.

2020 05 25 08 51 45 Setup Design

  • Backround color of Flash: Define a contrasting color to enable flashing of the beckground of the message line.
  • Flash Time: Set the flash time in milliseconds. The higher the value the longer the message is show in the flash color. Be sure to set this value lower than the shortest TipTiming (see next chapter).
  • Line Height in % of FontSize: experiment with this to find the correct value. It defines the space betwenn the bottom of the first message line and the bottom of the following one.
  • Border Ragius in px: Here you define the rounding of the corners of the message line.

 

 (6) Define the Opacity of the text:

It is possible to set how much of the video stream is covered by the tip message. With this trackbar you can set this attribute. The more left the more transparent the text will be, the more right the more opaque it becomes.

2020 05 25 08 51 46 Setup Design

  • Opacity of Tip text: Drag the slider to the right and your text will become more opaque. Drag it to the left and it gets more transparent. Set this to your needs.

 

(7) Define the Opacity of the background:

Same as with the message text can be done with the background of the message line. Adjust it with this trackbar.

2020 05 25 08 51 47 Setup Design

  • Opacity of background: Drag the slider to the right and the background will become more opaque. Drag it to the left and it gets more transparent. Set this to your needs.

 

Dont forget to save your settings!

2020 05 25 08 51 48 Setup Design

To save the settings you made, click on the Save button. These settings get activated and take effect after you have closed the Design Options screen.

 

 

 

Posted 1 year ago

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.