Demo to preview the plugin:

Introduction

This plugin allows you to add an analog clock to your app that displays the current system time.
You can choose between three different sizes and specify the dial color.
Image without caption

How to setup

  1. Add a clock element to your page
    1. In the Design tab of the Bubble editor, search for one of the following elements added by the plugin:
      • Analog Clock Large
        • Element → Analog Clock Large.
          Element → Analog Clock Large.
      • Analog Clock
        • Element → Analog Clock.
          Element → Analog Clock.
      • Analog Clock Small
        • Element → Analog Clock Small.
          Element → Analog Clock Small.
  1. Drag the desired element onto your page
    1. Choose the size that best fits your layout.
  1. Customize the layout
    1. Use Bubble’s layout tools to resize, align, and position the clock wherever you want on the page.

Plugin Element Properties

Analog Clock Large

Element Properties → Analog Clock Large.
Element Properties → Analog Clock Large.
Fields:
Title
Description
Type
Dial Color
Choose what color the dial should be.
Color

Analog Clock

Element Properties → Analog Clock.
Element Properties → Analog Clock.
Fields:
Title
Description
Type
Dial Color
Choose what color the dial should be.
Color

Analog Clock small

Element Properties → Analog Clock small.
Element Properties → Analog Clock small.
Fields:
Title
Description
Type
Dial Color
Choose what color the dial should be.
Color
Image without caption

Changelogs