TeamCal Neo
  • TeamCal Neo
    • Feature Comparison
    • TeamCal Neo License
    • Support
  • Installation
  • Quick Start Guide
  • Administration
    • Absence Types
      • Absence Allowance
      • Absence Type Edit
      • Absence Type Icon
    • Absence Patterns
    • Allowance Bulk Edit
    • Calendar Options
    • Database Management
      • TeamCal Pro Import
    • Declination Management
      • Absence Threshold
      • Before Date
      • Period 1-3
      • Scope
    • Framework Configuration
      • License
    • GDPR
    • Groups
      • Group Edit
    • Holidays
      • Holiday Edit
    • Permissions
      • Group Manager Permission
    • PHP Info
    • Regions
      • Region Calendar
    • Responsive Display
    • Roles
    • System Log
    • Users
      • User Edit
      • User Import
    • LDAP Authentication
    • Two Factor Authentication
  • User Guide
    • Attachments
    • Calendar (Month)
      • View Calendar (Month)
      • Edit Calendar (Month)
      • Edit Group Calendar (Month)
      • Edit Daynotes
    • Calendar (Region)
    • Calendar (Year)
    • Dark Mode
    • Language
    • Messages
    • Remainder Page
    • Statistics
      • Absence Type Statistics
      • Absence Statistics
      • Presence Statistics
      • Remainder Statistics
      • User Absence Summary
    • View Profile
    • Two Factor Authentication
Powered by GitBook
On this page
  • Enabling
  • Usage
  • Sample Displays
  • Full Screen Display
  • 640*480 Display
  • 480 * 524 Display
  • 320 * 480 Display
  1. Administration

Responsive Display

PreviousRegion CalendarNextRoles

Last updated 8 months ago

It has become a mobile world with mobile devices all over. There is an understandable motto "mobile first" in application design, however, that does not mean that desktop applications are the better choice for certain use cases.

TeamCal Neo targets desktop use in the first place. Desktop screens are the best way to view a day-based calendar. Yet, TCN can also be viewed on smaller screens.

Enabling

In general, TeamCal Neo adjust to any screen size automatically. However, the calendar display itself does not, due to its nature of showing a whole month horizontally. But you can enable a feature that allows to adjust the calendar display for mobile devices.

On the Display tab of the Calendar Options page you can switch on the support for mobile devices (smaller screens). This feature affects the Calendar View and Calendar Edit page.

Usage

With this feature enabled, an additional button will be available on top, the Screen button:

The user can select the current device screen width in the screen width dialog:

The calendar display will then adjust to the selected screen width by displaying the table in as much sections as needed so that not horizontal scrolling is necessary.

Sample Displays

Full Screen Display

640*480 Display

480 * 524 Display

320 * 480 Display