Blogs, How To's
Zet scanschermen naar uw eigen hand en pas eenvoudig weergaven aan
Datum
24 augustus, 2023
Leestijd
6 min. leestijd
Een standaardoplossing, zonder in te leveren op flexibiliteit en de mogelijkheid tot personalisaties. Dát is exact waar Boltrics voor staat en wat we bieden met 3PL Dynamics. Voor uw scanschermen betekent dit dat zij over het algemeen dezelfde look & feel hebben. Maar daarbij kunt u de lay-out van iedere weergaven eenvoudig aanpassen naar uw wensen of die van uw gebruikers. Ontdek hoe u zelf scanschermen kunt opmaken met enkel de informatie die u wilt tonen. Duik in de mogelijkheden met deze hands-on tips en tricks.
Creëer persoonlijke ervaringen: de kracht van opmaak
Gaat u aan de slag met het opmaken van uw scanschermen in 3PL Dynamics? Navigeer dan naar ‘Scanning – Schermen’. Kies vanuit daar welk scherm u wilt gaan aanpassen. Ieder scanscherm is in de basis opgebouwd uit verschillende regels. En iedere regel kan een eigen CSS Eigenschap hebben. Zoals de naam al doet vermoeden, bepaalt deze CSS Eigenschap de eigenschap van de regel. Met andere woorden: hoe de regel zich gedraagt op het scherm. Iedere regel kan één CSS Eigenschap toegekend krijgen.
Altijd een passende lay-out met meer dan 25 opties
Met behulp van meer dan 25 eigenschappen (‘Attributes’) zijn de opmaakmogelijkheden van uw schermen eindeloos. Ga voor een passende lay-out met behulp van de volgende ‘regeleigenschappen’:
Eigenschap | Beschrijving | Afhankelijk van |
CAPTION | Zet de tekst op de regel in hoofdletters. | N.v.t. |
CAPTIONCENTER | Zet de tekst op de regel in hoofdletters en centreert de tekst op het scherm. | N.v.t. |
CUSTOMITEMIMAGE | Haalt een afbeelding op uit de database en toont deze op het scherm. | Data type: sessie variabele. |
FIELD | Toont de waarde van een gedefinieerd data veld. | Data type veld. |
HIDDEN | Verbergt de regel. | N.v.t. |
HTML | Staat toe om HTML code toe te voegen en deze te tonen. | Data type: sessie variabele. |
HZINE | Creëert een enkele horizontale lijn op het scherm. | Tekst veld moet bestaan uit: “-“. |
INPUTBUTTON | Creëert een blauwe, klikbare knop op touchscreen apparaten. De grootte kan bepaalt worden in het veld ‘Waarde Formaat’. | Key code op de regel. |
MENUTITLE | Bepaalt de kopregel van het scherm. | N.v.t. |
MENUWITHMAX | Creëert een blauwe menu regel met witte tekst over de gehele breedte van het scherm. | N.v.t. |
ONELINE | Creëert een klikbare tekst. | Key code op de regel. |
ONELINEBLACKBUTTON | Creëert een zwarte, klikbare knop op touchscreen apparaten. De grootte kan bepaalt worden in het veld ‘Waarde Formaat’. | Key code op de regel. |
ONELINEBUTTON | Creëert een blauwe, klikbare knop op touchscreen apparaten. De grootte kan bepaalt worden in het veld ‘Waarde Formaat’. | Key code op de regel. |
ONELINEGREENBUTTON | Creëert een groene, klikbare knop op touchscreen apparaten. De grootte kan bepaalt worden in het veld ‘Waarde Formaat’. | Key code op de regel. |
ONELINEREDBUTTON | Creëert een rode, klikbare knop op touchscreen apparaten. De grootte kan bepaalt worden in het veld ‘Waarde Formaat’. | Key code op de regel. |
SESSIONVAR | Toont de waarde van een gedefinieerde sessie variabele. | Data type: sessie variabele. |
SESSIONVARGREEN | Maakt de tekst groen. | Data type: sessie variabele. |
SESSIONVARRED | Maakt de tekst rood | Data type: sessie variabele. |
SQUAREINPUTBUTTON | Creëert een vierkante, blauwe, klikbare knop op touchscreen apparaten. | Key code op de regel. |
TABLE | Maakt het aanmaken van tabellen mogelijk. Handig bij het tonen van afbeeldingen met een beschrijvende tekst. | Kolommen kunnen onderscheiden worden door: “|”. |
TYPEDATE | Toont een kalender waarmee een variabele gekozen kan worden. | Data type: sessie variabele, ‘input enabled’ en key code 135 (F24). |
TYPEDROPDOWN | Creëert een dropdown controle, gebasseerd op de waarde in het veld ‘Aangepaste lijst’. | Aangepaste lijst. Data type: sessie variabele, ‘input enabled’. |
TYPEMASKED | Wanneer ingesteld, wordt de data in dit veld vervangen voor ‘*’. Vaak gebruikt in wachtwoord velden. | Data type: sessie variabele, ‘input enabled’. |
TYPERADIO | Schakelt een verticale radio controle in, gebaseerd op de waarde in het veld ‘Aangepaste lijst’. | Data type: sessie variabele, ‘input enabled’. |
TYPERADIOHORIZONTAL | Schakelt een horizontale radio controle in, gebaseerd op de waarde in het veld ‘Aangepaste lijst’. | Data type: sessie variabele, ‘input enabled’. |
WARNING | Maakt de getoonde tekst rood en centreert de tekst op het scherm. | N.v.t. |
Pas lay-outs aan met CSS Classes
De volgende stap in het opmaken van uw scanschermen is de leesbaarheid en gebruiksvriendelijkheid vergroten. Bijvoorbeeld: highlight de tekst op het scherm of vergroot het lettertype. Met de SCC Classes kunt u bepalen hoe het lettertype getoond wordt. In tegenstelling tot CSS Eigenschappen mag een regel wél beschikken over meerdere CSS Classes. Deze kunt u opsommen met behulp van een pipe-teken (“|”). Toon bijvoorbeeld een regel in het groen, dikgedrukt, in grootte 5 door het volgende in te vullen: BOLD|FONTSIZE_GREEN|FONTSIZE_5.
In 3PL Dynamics zijn de volgende CSS Classes beschikbaar:
CSS Class | Beschrijving |
BOLD | Stelt de opmaak van de ingevoerde waarde in het veld in op dikgedrukt. |
ITALIC | Stelt de opmaak van de ingevoerde waarde in het veld in op cursief. |
DATATABLE | Stelt de opmaak in op het weergeve van een table. Gebruik deze in combinatie met de CSS Eigenschap ‘TABLE’ |
FONTCOLOR_GREEN | Stelt de kleur van de ingevoerde waarde in het veld in op groen. |
FONTCOLOR_RED | Stelt de kleur van de ingevoerde waarde in het veld in op rood. |
FONTSIZE_5 | Stelt de tekstgrootte van de ingevoerde waarde in het veld in op 5. |
FONTSIZE_10 | Stelt de tekstgrootte van de ingevoerde waarde in het veld in op 10. |
FONTSIZE_15 | Stelt de tekstgrootte van de ingevoerde waarde in het veld in op 15. |
FONTSIZE_20 | Stelt de tekstgrootte van de ingevoerde waarde in het veld in op 20. |
FONTSIZE_XS | Stelt de tekstgrootte van de ingevoerde waarde in het veld in op XS. |
FONTSIZE_S | Stelt de tekstgrootte van de ingevoerde waarde in het veld in op S. |
FONTSIZE_M | Stelt de tekstgrootte van de ingevoerde waarde in het veld in op M. |
FONTSIZE_L | Stelt de tekstgrootte van de ingevoerde waarde in het veld in op L. |
FONTSIZE_XL | Stelt de tekstgrootte van de ingevoerde waarde in het veld in op XL. |
FONTSIZE_XXL | Stelt de tekstgrootte van de ingevoerde waarde in het veld in op XXL. |
Versterk gebruikersinteracties: pas knoppen aan op maat
Naast alle bovenstaande opties kunt u uw scanschermen nog verder opmaken. Ga aan de slag met de opmaak van uw knoppen. Kies bijvoorbeeld een ‘Icoon Code’ on een bijpassend icoon toe te voegen. Of pas de hoogte en breedte van knoppen aan met de velden ‘Waarde formaat’ en ‘Icoon formaat’.
De juiste informatie in de juiste taal
Werkt u met een internationaal team? Geen probleem. Voeg meerdere vertalingen toe voor ieder scherm. Klik op de drie puntjes in het tekstveld, kies een taalcode, voer de gewenste vertaling in en voilà! Wanneer u dezelfde taalcode heeft toegekend aan uw scanmedewerkers ziet hij of zij de scanschermen nu in zijn eigen taal.
Het verschil tussen een maatwerk oplossing en de branche-standaard?
De keuze voor maatwerk- of (branche) standaardsoftware is niet makkelijk. U kunt zich niet veroorloven om met de huidige concurrentiestrijd een verkeerde keuze te maken. Dus hoe slaat u de juiste weg in? En welke soort oplossing past het beste bij uw logistieke operatie op langer termijn? We helpen u in deze beslissing in ons whitepaper: