# Responsive Display

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 not the better choice for certain use cases.

{% hint style="info" %}
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.
{% endhint %}

## How it works

In general, TeamCal Neo adjusts to any screen size automatically. However, the calendar display is a special case. Since it is a table showing one month as a whole horizontally, adjusting it to smaller screens is tricky. TeamCal Neo will read the screen width of the user and split the table in smaller tables, ordered vertically.

{% hint style="info" %}
This feature was introduced in version 5.0.8.
{% endhint %}

## Exception

The year calendar page does not adjust to the screen width. There is no useful way of splitting up that table.

## Sample Displays

### **Full Screen Display**

<figure><img src="https://3965970693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeNfJcWXKLPxRBe0ACiKo%2Fuploads%2FETUwITpQ3dvMErJHXki2%2Fresponsive-4-768x350.png?alt=media&#x26;token=0dbb4dd4-62e9-4d17-9e66-c0ada0ee45aa" alt=""><figcaption></figcaption></figure>

### **640\*480 Display**

<figure><img src="https://3965970693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeNfJcWXKLPxRBe0ACiKo%2Fuploads%2FZDLJ8fC0Bv0Bj9Z50M79%2Fresponsive-5.png?alt=media&#x26;token=929a81d3-96af-44dd-879a-c22647599bae" alt=""><figcaption></figcaption></figure>

### **480 \* 524 Display**

<figure><img src="https://3965970693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeNfJcWXKLPxRBe0ACiKo%2Fuploads%2FEEmbpxgXeBDfsqEkVT4E%2Fresponsive-6.png?alt=media&#x26;token=5c696841-78a4-4410-a4f5-f2eea6672faf" alt=""><figcaption></figcaption></figure>

### **320 \* 480 Display**

<figure><img src="https://3965970693-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeNfJcWXKLPxRBe0ACiKo%2Fuploads%2FyX2kc7xaxepgyYEZq4gN%2Fresponsive-7.png?alt=media&#x26;token=f9ca9e35-3f1c-41e4-b946-68cc2c937cae" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://lewe.gitbook.io/teamcal-neo/administration/responsive-display.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.