Archives For November 30, 1999

This simple tutorial shows how to add world clock in top panel, so you can have a glance at what time is it now for different countries and locations.

Say you have business world-wide or family members or good friends live in different countries, a world clock can be quite useful to know the time in their locations.

If you’re working on Ubuntu, Fedora Workstation, or other Linux with GNOME desktop, then there’s an extension to display the time for your specified locations in top panel to make life easier.

As you see in the screenshot above, it also shows the sunrise and sunset time for the selected location.

Step 1: Install GNOME Clock

The extension uses GNOME Clock for the date and time information. You need to first install it either from Ubuntu Software (or App Center or 23.10):

Install GNOME Clock

Pay attention that you need to install the package in native .deb format, meaning from ‘ubuntu-xxx-universe’. Check the source drop-down box in header bar of Ubuntu Software. Or, press Ctrl+Alt+T to open terminal and run command to install it:

sudo apt install gnome-clocks

Step 2: Add different locations

After installing the app, press Super (Windows logo) key, then search for and open it from ‘Activities’ overview screen.

When it opens, click on the top-left corner ‘+’ button to add locations for your business partners or family members.

Step 3: Install Extension to make World Clock display on Panel

For Ubuntu 22.04 & Ubuntu 23.10, do the steps below one by one to install the extension:

  1. Search for and install ‘Extension Manager’ from Ubuntu Software.
  2. Click top-left edge ‘Activities’ to open overview, then search for and launch ‘Extension Manager’.
  3. Finally, use the tool to search and install ‘Panel World Clock (Lite)’ extension under ‘Browse’ tab.

For Ubuntu 18.04 and Ubuntu 20.04, use web browser instead to install it:

  1. First, press Ctrl+Alt+T on keyboard to open a terminal windows. When it opens, run command to install the agent package and manager app:
    sudo apt install chrome-gnome-shell gnome-shell-extension-manager
  2. Next, go to the extension web page by clicking the link button below:
  3. Click install browser extension if prompted via the link in that page. Finally, refresh and use the ON/OFF switch to install it.

After installing the extension, it should display world clock in top panel alongside local date and time. If not, try log out and back in to reload it.

In case you don’t like the default display location, you can open the configuration page in either Extension Manager or Gnome Extensions app. Then configure to:

  • show world clock in center or right.
  • Set number of clocks.
  • Show/hide local clock.
  • Display city/country name.

For those don’t like to have the ‘date and time’ menu in the center of top panel, here’s how to move it to either left or right in Ubuntu 22.04 LTS.

Ubuntu, definitely the GNOME desktop, does not have option to configure the clock menu position. But, there are a few extensions can do the job. And, here I’m going to show you how to install and use them.

Tip: Extensions introduced in this tutorial should work on all Linux uses GNOME 42, e.g, Fedora 36, Arch Linux, Manjaro.

Step 1: Enable ability to install Gnome Extensions

Usually, we install Gnome shell extensions by visiting extensions.gnome.org and use the ON/OFF switch to install or remove an extension. Since Ubuntu 22.04, there’s also an “Extension Manager” app is available in system repository to make life easy.

Option 1: Prepare for installing extension through web browser

NOTE: the pre-installed Firefox in Ubuntu 22.04 is a snap package, which so far does not support this thing. You may either use another browser and go “Option 2”.

Press Ctrl+Alt+T on keyboard to open terminal. When it opens, run command to install the agent to enable the ability to install Gnome Extension via browser, and the app for managing them.

sudo apt install chrome-gnome-shell gnome-shell-extension-prefs

For the first time, you need to go to exensions.gnome.org and follow the “Click here to install browser extension” link to install the browser extension.

Option 2: Install Extension Manager

The Extension Manager app allows to search for, install, and manage extensions all in one. To install it in Ubuntu 22.04, press Ctrl+Alt+T on keyboard to open terminal and run command:

sudo apt install gnome-shell-extension-manager

After that, click on top left “Activities”, then search for and open the app to get start.

Step 2: Select install Extension to move Clock

There are a few extensions can do the trick in GNOME. Choose one from the options below that you prefer!

Option 1: Just Perfection

This is a tweak tool to customize GNOME Shell, change the behavior and disable UI elements. They provides many useful toggle options, including moving the clock menu position.

To install the extension, either search for and click install it via “Extension Manager”:

Or, use the ON/OFF switch by visiting the web page below in your browser:

After installed it, open its ‘settings’ dialog either via “Extension Manager” under Installed tab or use “Gnome Extensions” app. Scroll down, and you’ll find the option to move clock position via “Customize” tab.

Option 2: Left Clock or Sur Clock

Just Perfection is a bit heavy if you don’t need the other options. There are a few other extensions that designed specially for moving clock position:

  • “Clock Left” or “Left Clock” – Move clock to left and replace “Activities”.
  • Sur Clock – Move clock to left or right via preference option.

To install one of the extension, simply search for and click install in “Extension Manager”:

Or, use the ON/OFF switch in the link page to install: sur clock, left clock, and clock left.

Option 3: Top Bar Organizer

NONE of the previous extensions will move clock to far right corner. If you insist, try “Top Bar Organizer”.

This extension is designed to organize all items on top-bar. It was created for GNOME 40, but no longer updated!! However, it works on current GNOME 42 desktop with few tweak.

1.) First, press Ctrl+Alt+T on keyboard to open terminal. And, run command to disable version validation, since it does not support Ubuntu 22.04:

gsettings set org.gnome.shell disable-extension-version-validation true

2.) Then, either search for and install it in “Extension Manager”:

Or, turn on the slider icon in the link page below to install it from web browser:

3.) The Extension preference does not work for GNOME 42. However, the dconf editor options do work.
First, run command to install dconf editor:

sudo apt install dconf-editor

Then, search for and launch “Dconf Editor” from the overview screen. And, navigate to org/gnome/shell/extensions/top-bar-organizer.

To make clock menu show in right corner, write ‘dateMenu‘ as value of right-box-order. And, put it to the end for far right.

NOTE: The change will persist even after removed the extension. To restore, erase the keys in Dconf Editor and restart GNOME Shell (log out and back in)

Would like to display digital clock and date in your desktop? Desktop Clock is a new extension to do the job in GNOME 42.

It’s an extension that so far works on Ubuntu 22.04, Fedora 36, Arch and Manjaro Linux. With it, you have the date and time display on desktop with customisable appearance.

It supports border and background with user selected color, border width and corner radius. Allows to change time and data color and font size, as well as shadow color and offset. All colors can set to has an alpha channel (RGBA), which specifies the opacity.

And, the date is customisable with format codes, to display as whatever style as you want. See the all code here.

How to Install Desktop Clock in Ubuntu 22.04 / other Linux

Ubuntu 22.04 user may first press Ctrl+Alt+T on keyboard to open terminal. When terminal opens, run command to install extension manager app:

sudo apt install gnome-shell-extension-manager

Then, click top-left ‘Activities’ and search for and open the tool from overview screen:

Finally, navigate to ‘Browse’ tab in extension manager, search for and install “Desktop Clock”:

NOTE: It support drag moving clock position, however you need to disable “Desktop Icons NG” extension temporarily for the action, then re-enable it. The developer is working to fix the conflict.

For Fedora and other Linux, the extension is available to install via the toggle icon in the web page below: