TIMERshare Docs | FREE ONLINE TIMER
ℹ️ FAQ↩️ Return to Home
English
English
  • Getting Started with TIMERshare
  • Quick Start
    • Create a Timer
      • Create a Stage
      • Edit the Timer
      • Add or Edit Sections
    • Customize
      • Manage Remaining Time
        • Edit Progress Bar
        • Set Flash
        • Set Chime Sound
      • Edit Layout
    • Share the Timer
      • Get a Share Link
      • Manage Connected Devices
    • Other Settings and Operations
      • Perform Flash or Blackout at Any Time
      • Exclude Specific Sections from Stage Progress
      • Adjust Ongoing Timer Duration
      • Auto-Start Timers
      • Rename Connected Devices
      • Operations Using URL Parameters (List)
        • Specify Default Connected Device Name
        • Separate Timer, Title, and Progress Bar on the Viewer Screen
        • Hide Buttons on the Viewer Screen
        • Set Viewer Screen Background to Transparent
        • Flip Viewer Screen
      • Flip Viewer Screen
      • Change Time Zone
      • Use Gradient for Background
  • Use Cases
    • Self-Tasks
    • Meetings
    • Presentations
    • Events
    • Live Streams
    • Webinars
    • Academic Presentations
    • Online Classes & Education
    • Pair/Mob Programming
  • Integration
    • Live Streaming Tools
      • OBS Studio
      • Xsplit Broadcaster
    • Online Meeting Tools
      • Zoom
      • Microsoft Teams
      • Webex Meetings
      • Google Meet
      • Skype
      • Whereby meetings
  • Reference
    • About the operation screen
      • controller
      • viewer
    • List of Access Permissions
  • Resources
    • Usage Limits and Restrictions
    • System Requirements
    • Release Notes
    • FAQ
    • Terms of Service
    • Privacy Policy
    • Cookie Policy
    • Maintenance information
  • ↩️ Return to Home
Powered by GitBook
On this page
  • Use Preset Style (Predefined Layouts)
  • Modify individual elements of the layout
  • 1. Background
  • 2. Font
  • 3. Progress Bar Color
  • 4. Display
  • Apply Changes to a Specific Timer

Was this helpful?

  1. Quick Start
  2. Customize

Edit Layout

Customize the timer's layout to suit your use case.

PreviousSet Chime SoundNextShare the Timer

Last updated 6 months ago

Was this helpful?

Please refer to this for instructions on .


Use Preset Style (Predefined Layouts)

Choose from over 15 predefined Preset Styles to change the layout.

Examples of Preset Styles


Modify individual elements of the layout

You can preview the changes before applying them using the 'Preview' option.


1. Background

You can select the timer's background color.

You can also enable 'Use Gradient' for the background. This is an experimental feature with some style limitations.


2. Font

Font Color

You can select the text color for "Time," "Title," and "Current Time" on the timer.

Font Size

You can choose the text size for "Time," "Title," and "Current Time" on the timer from five different levels.

Regardless of the Font Size setting, the text will automatically scale based on the device's screen size, ensuring optimal visibility on any screen.

Font Style

You can change the font style of the "Time" on the timer. The following images represent each option.

  • Style Colors

You can set 'Outline,' 'Shadow,' or 'Neon' style colors for options other than 'Default.'

  • Use Transparent Timer Text Color

For options other than 'Default,' you can select 'Use Transparent Timer Text Color,' which matches the timer text color with the background color.


3. Progress Bar Color

When the timer reaches the remaining time set for the yellow or red zones, the timer's text color will automatically be highlighted in the corresponding zone color.


4. Display

You can toggle the display of "Logo," "Title," "Current Time," and "Progress Bar."


Apply Changes to a Specific Timer

To apply the configured settings to all timers, check "Apply to all timers."

In the 'viewer' screen, you can, which is especially useful when like OBS Studio.

For more details, refer to ''.

Use Transparent Timer Text Color' matches the timer text color to the background color (creating a pseudo-transparent effect). As a result, when used together with , the timer text color will match the 'Background' color setting.

For changes to the progress bar style, please refer to ''.

In the viewer screen, .

This is especially useful when like OBS Studio.

set the background color to transparent using URL parameters
integrating with live streaming tools
Use Gradient for Background
a transparent background set via URL parameters
URL parameters can be set to separate the timer, title, and progress bar
integrating with live streaming tools
Background
Font
Progress Bar Color
Display
how to open the timer layout settings screen
Change the Colors of the Progress Bar
Customize the Timer
Change the Colors of the Blue, Yellow, and Red Zone
タイマーをカスタマイ