Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-2695

User can configure his timezone



    • Type: Improvement
    • Status: Closed
    • Priority: Neutral
    • Resolution: Fixed
    • Affects Version/s: 5.4.4
    • Fix Version/s: 5.4.7
    • Component/s: workbench
    • Labels:
    • Release notes required:
    • Documentation update required:
    • Sprint:
      Kromeriz 46
    • Story Points:


      How dates and times are shown in a UI depend on the context they are shown in.

      I suggest we follow this concept for handling timezones:

      • Dates and times are stored in a clearly defined timezone on the server. There's a fallback timezone, in case that timezone is not set.
      • In AdminCentral, an editor has the choice to see all dates and times in either the server time zone or in a time zone of his choice. He specifies his preferences in the user settings dialog (see below).
        • In all editorial or admin apps such as Pages, Categories, Security, the timezone used is the one set by the user.
        • In all development or technical apps such as JCR tools, whenever we show or dump raw data such as nodes in the JCR config tree, the timezone used is the one of the server.
      • On the actual website, the choice should be up to site developer/customer/partner. He should have the possibility and no obstacles, to show dates and times:
        • in the timezone as they are stored on the server
        • in a hard-coded timezone defined for the site (e.g. a car hiring company in central europe hard codes the timezone to CET).
        • in the timezone guessed from the location a visitor surfs from or derived from browser settings.

      Wireframe for editing a user's profile

      We need to add a preference setting to pick the timezone we want dates and times to appear in. While doing so, we also clean up the dialog and group all settings it offers.

      The first tab offers fields to enter data about a user and her account.
      The second tab allows a user to pick her preferences related to the language (used mostly by the UI, but could also be referenced elsewhere) and date and time. We'll add the timezone preferences to the latter.

      To pick a timezone, the user has the option to:

      • pick the timezone as currently configured and set on the server. The server's timezone is shown.
      • specify a timezone of her choice.

      The list of timezones should be comprehensive and include major cities. A minimum set could only offer relative settings (e.g. "GMT +1h", "GMT +2h" or "UST -5h"), although that's user friendly.

      Wireframes for revealing timezone in lists

      In the List and Tree view, I suggest we continue not showing any timezone independant of the user's preferences to avoid sacrifying space for repetitive, clear information. Instead, we can reveal timezone information in a tooltip, if a user hovers or tap on a date value.

      No timezone information shown by default.
      The user-chosen timezone string is revealed in a tooltip.
      If the user has chosen to use the server timezone instead, we might want to show an additional label "[server time]" to clarify that. I'm not sure that's needed, though.


        Acceptance criteria


          1. My profile-Preferences 1.png
            My profile-Preferences 1.png
            24 kB
          2. My profile-Profile 1.png
            My profile-Profile 1.png
            20 kB
          3. Screen Shot 2016-05-19 at 14.06.13.png
            Screen Shot 2016-05-19 at 14.06.13.png
            30 kB
          4. TZ in list 1.png
            TZ in list 1.png
            15 kB
          5. TZ in list 2-user chosen.png
            TZ in list 2-user chosen.png
            18 kB
          6. TZ in list 3-server time.png
            TZ in list 3-server time.png
            20 kB

            Issue Links



                rkovarik Roman Kovařík
                dlipp Daniel Lipp
                0 Vote for this issue
                5 Start watching this issue


                  Date of First Response: