How to move Date and Time from the notification panel to the bottom instead of top

General Help
1

That now the time is on top of event and clock and weather.

That i want it to be in the bottom of everything.

Thanks for helping

image

PS i use a image on google beucase i can screenshot for some reason.

2

If you go into Zorin Appearance and select a layout from there, there should be one that has everything on the bottom? I think this is what you're getting at. Without a specific screenshot I can't give you any specifics on how best to do that, but I know the windows layouts usually have everything on the bottom.

3

You mean this way :point_down:?

Schermata del 2024-09-04 17-24-58
Schermata del 2024-09-04 17-24-581366×768 80.8 KB

If so, I think you'd have to change some configuration files manually because I don't know if an extension to change it exists or another one that can replace the default date and time container. I understand customizing, I support it, but then wouldn't you see 2 identical things very close to each other? If you move that date and time on the bottom you'll see it again immediately below it (the container of time and date in the taskbar).

4

That a personl help me made a code for a extension
i dont know how to enable it

in this reddit
https://www.reddit.com/r/gnome/comments/1f8qn0t/how_to_move_date_and_time_from_the_notication/

/**
 * GNOEM Extension to move the date and calendar
 * to the end of calendar column
 *
 * @author     Javad Rahmatzadeh
 * @copyright  2024
 * @license    GPL-3.0-only
 */

import * as Main from 'resource:///org/gnome/shell/ui/main.js';

import { Extension } from 'resource:///org/gnome/shell/extensions/extension.js';

export default class CalendarPositionExtension extends Extension
{
    #dateMenu = Main.panel.statusArea.dateMenu;
    #calendar = this.#dateMenu._calendar;
    #date = this.#dateMenu._date;

	enable() {
	    const calendarColumn = this.#getCalendarColumn();
	    
	    if (calendarColumn) {
                calendarColumn.remove_child(this.#date);
                calendarColumn.remove_child(this.#calendar);
                calendarColumn.insert_child_at_index(this.#date, 3);
                calendarColumn.insert_child_at_index(this.#calendar, 4);
            }
	}

	disable() {
	    const calendarColumn = this.#getCalendarColumn();
	    
	    if (calendarColumn) {
                calendarColumn.remove_child(this.#date);
                calendarColumn.remove_child(this.#calendar);
                calendarColumn.insert_child_at_index(this.#date, 0);
                calendarColumn.insert_child_at_index(this.#calendar, 1);
            }
	}
	
	#getCalendarColumn() {
	    return this.#dateMenu.menu.box.get_first_child()?.get_first_child()?.get_child_at_index(1);
	}
}```