Screens (Schermdefinities)
Screens zijn de UI-formulieren en views in Ultimo die gekoppeld zijn aan databasetabellen. Elk scherm heeft een unieke code (bijv. JOB01, EQM01, PCH01) en definieert de layout, actieregels en validaties voor een specifiek onderdeel van de applicatie. Zie schermcodes voor het complete overzicht van alle schermcodes.
Gerelateerd: uct-overzicht, screen-rules, explorers
Locatie in UCTbewerken
UCT > User Interface > Screens
Schermstructuurbewerken
Lijstweergavebewerken
| Kolom | Beschrijving |
|---|---|
| Screen | Unieke scherm-ID/code (bijv. JOB01, EQM01) |
| Description | Beschrijving van het scherm |
| Custom | Klantspecifieke aanpassing (ja/nee) |
| Table | Onderliggende databasetabel |
Detailpaneel (5 tabbladen)bewerken
- Basic — Basisinstellingen (bijv. Enable Bottom Filter Expressions)
- Layout — Schermindeling en veldposities
- Action Rules — Actieregels op het scherm
- Validation Property — Validatie-eigenschappen
- Configuration — Overige scherminstellingen
Veelgebruikte schermcodesbewerken
Zie schermcodes voor het complete overzicht van alle 1131 schermcodes.
Jobs/Werkzaamhedenbewerken
| Code | Beschrijving | Tabel |
|---|---|---|
JOB01 |
Overzicht jobs | JOB |
JOB03 |
Voorbereiden jobs | JOB |
JOB04 |
Afhandelen jobs | JOB |
Equipment/Installatiesbewerken
| Code | Beschrijving | Tabel |
|---|---|---|
EQM01 |
Installaties | EQUIPMENT |
EQM01I |
Infobox installaties | EQUIPMENT |
EQM04 |
Installaties (update) | EQUIPMENT |
Bestellingen/Inkoopbewerken
| Code | Beschrijving | Tabel |
|---|---|---|
PCH01 |
Overzicht bestellingen | PURCHASE |
PCH02 |
Aanmaken bestellingen | PURCHASE |
PCH03 |
Behandelen bestellingen | PURCHASE |
Artikelenbewerken
| Code | Beschrijving | Tabel |
|---|---|---|
ART01 |
Artikelen | ARTICLE |
ART01I |
Infobox artikelen | ARTICLE |
Custom screens vs. standaard screensbewerken
- Standaard schermen — Worden door Ultimo geleverd en bijgewerkt bij upgrades
- Custom schermen (.sc3) — Volledig klantspecifiek, worden niet door upgrades overschreven
- Screen diffs (.screendiff) — Delta-aanpassingen op standaard schermen
Layering modelbewerken
Standaard scherm (uit Ultimo)
└── .screendiff (klant-delta)
└── Resultaat: aangepast scherm
Tip: Gebruik
.screendiffbestanden waar mogelijk in plaats van volledige custom screens. Dit zorgt ervoor dat standaard Ultimo-updates nog steeds worden doorgevoerd.
Relaties met andere onderdelenbewerken
- menu-designer — Menu-items worden aan schermen gekoppeld
- explorers — Lijstweergaven (explorers) worden in schermen weergegeven
- explorer-links — Navigatie tussen schermen
- grid-widgets — Widgets worden als componenten in schermen ingebed
- screen-rules — Business Rules bepalen veldgedrag op schermen
Praktische tipsbewerken
- Controleer altijd de Table-koppeling voordat je wijzigingen aanbrengt — een verkeerde koppeling toont geen of verkeerde data
- Custom schermen zijn herkenbaar aan het vinkje in de Custom-kolom
- Bij het aanpassen van schermen: documenteer je wijzigingen in het package en in de klantdocumentatie
- Test schermwijzigingen altijd in meerdere browsers en op Go+
- Sidebar widgets zijn momenteel alleen beschikbaar in
JOB01,JOB03enJOB04
Screen Designer — Gedetailleerde werkingbewerken
De Screen Designer openenbewerken
- Ga naar UCT > User Interface > Screens
- Dubbelklik op een scherm in de lijst, of selecteer het en klik op Edit screen
- De Screen Designer opent met het schermontwerp
Componenten van de Screen Designerbewerken
| Component | Functie |
|---|---|
| Control Selector | Selecteer een control door ID of label te typen; synchroniseert met canvas, layout tree en properties |
| Toolbar | Publish (Ctrl+S), Validate, Undo (Ctrl+Z), Redo (Ctrl+Y), Show History, Show Configuration, Relations, Rules, Conditional Formatting, Label, Button, Multipage, GroupBox, Container, Delete, Preview |
| Screen Design Canvas | Visueel bewerkbare representatie van het scherm |
| Layout Panel | Boomstructuur van alle controls en hun hiërarchie |
| Properties Panel | Eigenschappen per control type (Settings, Conditional Formatting, Action, View, Database Info) |
| Relations Panel | Database-relaties; sleep velden naar het canvas om ze toe te voegen |
Screen properties (scherm-niveau)bewerken
| Eigenschap | Beschrijving |
|---|---|
| Mode | Schermtype: Input and Selection list tab, Only Input tab, of Information/Popup (infobox) |
| Show save button | Toon de Opslaan-knop |
| Show refresh button | Toon de Vernieuwen-knop |
| Show empty input fields button | Toon de knop Invoervelden leegmaken |
| Help Id | Helpbestand-code voor F1 |
| Last modified | Datum/tijd laatste publicatie |
Field properties (veld-niveau)bewerken
| Eigenschap | Beschrijving |
|---|---|
| Control type | Selection, ComboBox, Edit, CheckBox, RadioButton, DateTime, Date, Time, Image, Number, Text |
| Label | Veldnaam in configuratietaal |
| Visible | Zichtbaarheid voor gebruikers |
| Mandatory | Verplicht veld (rode rand in het scherm) |
| Protected | Alleen-lezen veld (grijs weergegeven) |
| Tab index | Tab-volgorde bij data-invoer |
| Sizing mode | Default, Small, Medium, Large, Manual |
Field properties — Tab Actionbewerken
| Eigenschap | Beschrijving |
|---|---|
| Execute workflow | Voer een workflow uit bij veldwijziging |
| Workflow | Technische naam van de uit te voeren workflow |
| Navigate to screen | Open een ander scherm na veldwijziging |
| Execute application element | Voer een AET-element uit bij veldwijziging |
Field properties — Tab Viewbewerken
| Eigenschap | Beschrijving |
|---|---|
| Relation to view | Tabelrelatie voor waarden in een combobox of explorer |
| Field to view | Welk veld getoond wordt in de dropdown |
| Order by field / direction | Sorteerveld en -richting (Ascending/Descending) |
| Explorer link | Link naar explorer voor waardeselectie |
| Show as selection list | Activeer een selectielijst i.p.v. dropdown |
Field properties — Tab Database Infobewerken
| Eigenschap | Beschrijving |
|---|---|
| Table name / Column name | Tabel en kolom van het veld |
| Format string | Opmaakregel: U=uppercase, I=lowercase, P=propercase; <=links, >=rechts, ^=midden |
| Default value | Standaardwaarde voor nieuwe records |
| Validation | Reguliere expressie voor validatie |
| Nullable | Toestaan dat het veld leeg is |
| Field readonly | Alleen-lezen op databaseniveau |
Value Rules (via de Rules-knop)bewerken
Value Rules wijzen waarden toe aan schermelementen wanneer bepaalde condities op het scherm worden vervuld. Ze worden geschreven in XML:
<ValueRules>
<ValueRule Action="OnChange" Comments="Voorbeeld">
<Triggers>
<Trigger PropertyName="${VeldNaam}" />
</Triggers>
<Choose>
<When Condition="${VeldNaam}==0">
<Assign PropertyName="${DoelVeld.Value}" Value="0" />
</When>
</Choose>
</ValueRule>
</ValueRules>
Beschikbare operatoren: ==, !=, &&, ||, GreaterThan, GreaterThanOrEqual, SmallerThan, SmallerThanOrEqual
Waarden toekennen:
- Vaste waarde: Value="Een vaste tekst"
- Waarde van ander veld: Value="=${AndereVeld}"
- Samengevoegde velden: Value="=#concat(${Veld1},' ',${Veld2})"
Conditional Formattingbewerken
Conditional Formatting past opmaak toe op schermelementen op basis van condities. Dit wordt geconfigureerd in het Conditional Formatting-tabblad van het Properties Panel.
Syntax (ternary operator):
condition ? value_if_true : value_if_false
Voorbeelden:
- Zichtbaarheid: ${EdtJobExecutionDays} > 0 ? True : False
- Verplicht: ${EdtJobFalId} != Empty ? True : False
- Achtergrondkleur: #getdatedifference('s', ${EdtSLADate}, ${EdtTargetDate}) > 1 ? 'red' : 'green'
- Actief tabblad: ${EdtJobChgId}!=Empty
Beschikbare properties voor Conditional Formatting:
| Property | Toepasbaar op |
|---|---|
| Visible | Tabs, group boxes, velden, checkboxes, radio buttons, buttons, labels, grids, grid columns |
| Mandatory | Velden, grid columns |
| Enabled | Tabs, velden, checkboxes, radio buttons, buttons, grids, grid columns |
| Active tab | Tabs |
| Background colour | Tabs, group boxes, velden, labels, grid columns |
| Colour (font) | Tabs, group boxes, velden, labels, grid columns |
| Row background colour / Row colour | Grids |
Grid propertiesbewerken
Grids tonen gerelateerde records in tabelvorm. Voeg een grid toe door een veld uit een 1:N relatie naar het canvas te slepen.
| Eigenschap | Beschrijving |
|---|---|
| Sizing mode | Small (100px), Medium (200px), Large (300px), Fill, Manual |
| Render grid as dataview | Toon het grid als tekstblok i.p.v. tabel; gebruik Small Template en Template met ${Veld.Value} |
| Column width | Sleep kolomranden of stel Width in pixels in |
| Column order | Sleep kolommen of gebruik Order + Order sequence |
Screen publicerenbewerken
Klik Publish (Ctrl+S) om:
1. Het schermontwerp beschikbaar te maken voor eindgebruikers
2. Een custom screen file aan te maken in FileServiceData/Screens/Application
3. Het bestand toe te voegen aan het actieve opnamepakket
Custom screen verwijderenbewerken
Klik Delete custom screen file om de aangepaste versie te verwijderen. Gebruikers zien dan weer het standaard Ultimo-scherm. Het bestand in FileServiceData/ScreenDesigner (de laatste bewerkte versie) blijft behouden.
Screen autorisatie op drie niveausbewerken
Schermen volgen dezelfde autorisatielaag als de AET: 1. Application — standaard voor alle gebruikers 2. Group — overschrijft application voor groepsleden 3. User — overschrijft group voor specifieke gebruiker
Per niveau kun je: - De autorisatie instellen: None, Read, Update, Add, Delete - Een custom screen maken met een afwijkende layout
Zie ookbewerken
- screen-rules — Veldgedrag en business rules op schermen
- menu-designer — Menuconfiguratie
- explorers — Lijstweergaven
- database-objects — Databasevelden en -relaties
- uct-overzicht — Overzicht van de UCT