In <mention class="mention" data-id="41814" data-type="work_package" data-text="#41814">#41814</mention> a banner section was introduced which needs to be filled with life

**Acceptance criteria**

* Begin of the insertionThe banner can be in two different colours (or not existent at all)
* End of the insertion There can be two types of banners:
* An **information banner** has a blue background
* A **warning banner**  has an orange background
* There are Begin of the insertion4End of the insertion Begin of the deletion fiveEnd of the deletion identified cases in which this banner is displayed:
* Begin of the deletion **Information:** The dates are automatically derived from relations (and date input is disabled in regular mode)
* End of the deletion **Warning:** Manual scheduling is enabled so all existing work package relations are ignored. Begin of the insertion(This is only visible whenEnd of the insertion Begin of the deletion
* **Information:** ChangingEnd of the deletion the Begin of the deletion dates of thisEnd of the deletion work package Begin of the insertionin question has relations; a manually scheduled work package with no relationsEnd of the insertion will Begin of the insertionnot show this banner).End of the insertion Begin of the deletion affect the total project duration.End of the deletion
* **Warning:** Changing the dates of this work package will change the dates of related work packages
* Begin of the insertion**Information:**End of the insertion Begin of the deletion **Warning:**End of the deletion Available start and finish dates are limited by relations. Begin of the insertion
* **Information:** The dates are automatically derived from relations (and date input is disabled).End of the insertion
* Structure (may already be done in <mention class="mention" data-id="41814" data-type="work_package" data-text="#41814">#41814</mention> )
* an icon
* two-line message, the first in bold
* a Begin of the insertion&quot;Show relations&quot;End of the insertion Begin of the deletion &quot;GANTT preview&quot;End of the deletion button that, when clicked, opens up a GANTT preview in a new window
* This is a filtered work package list (table view + GANTT view) showing only work packages related to the &quot;main&quot; work package (the one for which the GANTT preview was requested). Begin of the insertion
End of the insertion Begin of the deletion

**Open questions**

End of the deletion * Begin of the insertionThe mobile date picker displays a simplified version ofEnd of the insertion Begin of the deletion AreEnd of the deletion the Begin of the insertionbanner:
* Without the left-side icon
* Without the second line of text (only the first line is displayed)
* With the usual &quot;Show relations&quot; button.

**Default**

<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32095/content"></div></figure>

**Mobile**

<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/32108/content"></div></figure>End of the insertion Begin of the deletion different information banners are exclusive, or if there can be multiple ones (in which case, we need to determine priority)? (see parent work package <mention class="mention" data-id="42047" data-type="work_package" data-text="#42047">#42047</mention> for updates on this question)End of the deletion