Het kassa scherm is opgedeeld in 3 vaste zones en 4 zones waarvan de layout vrij te kiezen is

Vaste zones:

1. Kasticket detail en totaal van het ticket - wit vak links boven
2. Invoervak - onder kasticket detail
3. Numerisch klavier

Vrije zones - ook containers of panels genoemd

1. Top panel: grote blok dat het grootste deel van het scherm beslaat
2. Numeric vertical panel: Vertikale balk naast numerisch klavier
3. Function panel: vertikale balk in het midden typisch waar een aantal vaste functies
4. Bottom panel: horizontale balk, meestal gebruikt om de navigatie in het top panel te regelen

In elk panel kunnen knoppen geplaatst worden waarachter een specifieke functie zit. De beschikbare functies zijn:

Beheer van de kassalayout

Het beheer van de layout en deze panels gebeurt in het Cameleon beheer, zie Bestand>Kassa>Beheer profielen kassalayout.

Het aantal profielen is onbeperkt en een profiel kan op meerdere kassa's gebruikt worden of elke kassa kan zijn eigen profiel gebruiken. Het gebruikte profiel op de kassa wordt ingesteld met parameter #1006. Als een profiel werd aangepast (in Cameleon beheer) dan is het pas beschikbaar op de kassa('s) na synchronisatie.

Nieuw profiel

Het is aan te raden om voor een nieuw profiel te starten met het genereren van een basis profiel, zie in de iconenbalk: Genereer>Basisprofiel. Daarin zijn de 4 panels al aangemaakt en zijn een aantal knoppen al voorgedefineerd.

Wijzigen bestaand profiel

Een profiel kan volledig naar wens worden aangepast. Als er veel wijzigingen zijn is het aan te raden om van een bestaand, werkend profiel een 'Export Json' te doen (zie iconen balk: Import export) en deze export te importeren als een nieuw profiel. Vervolgens kan u het nieuwe profiel aanpassen en testen totdat het volledig aand de eisen voldoet.

Panels

In een profiel worden dus de 4 panels gedefinieerd:

• Het ID van het panel: 1=Top panel, 2=Numerisch verticaal, 3= Functie panel, 4= Bottom panel
• De gridsize bepaalt de grootte van een knop in pixels
• De marge tussen de buttons in pixels
• Lijn actief (=2001) of inactief (=2002)

Knoppen (buttons)

Een container of panel bevat dus een aantal knoppen die een bepaalde functie hebben. De gegevens die ingevuld moeten worden per knop zijn:

• X: de horizontale positie van de knop, beginnend bij 0 en oplopend volgens de breedte van het panel (in principe enkel zinvol bij het top panel en het bottom panel)
• Y: de vertikale positie van de knop, beginnend bij 0 en oplopend volgens de hoogte van het panel (in principe enkel zinvol bij het top panel, functie panel en het numerisch panel)
• HScale & Vscale: bepaalt breedte en hoogte van de knop. Standaard zijn beide 2, wat eigenlijk overeen komt met dubbele hoogte en breedte. 1 betekent een kleinere knop, een groter getal zal de knop groter schalen.
• Bron: altijd 'Single button'
• Background color: kleur van de knop
• Text color: kleur van de knop tekst
• Image source en Image Uri
• Buttondefintion: Afbeelding vanuit afbeelding beheer, Id van de afbeelding op te geven in Image Uri
• FromUri: Afbeelding van op harde schijf (pad opgeven in Image uri)
• FromItem: neem afbeelding over van het product (enkel voor Button type = Product)
• Omschrijving: tekst op de knop, voor knoppen van het type Product, klant en betaling mag deze leeg zijn. In dat geval wordt ze automatisch ingevuld op basis van respectievelijk Omschrijving (Product& betaling) of naam (klant)
• Button type : zie lijst hierboven
• Entiteit ID: enkel in te vullen bij volgende button types
• Product = ProductCode
• Payment = Id van de betaalwijze
• Klant = Id van de klant
• Als voor deze button types, EntiteitI ID toch leeg is, wordt de invoer in het invoervak gebruikt als Entiteit ID
• Lijn actief (=2001) of inactief (=2002)

Knop met afbeelding

• Laad de afbeelding eerst in in 'Afbeeldingen'. Zie Beheer, Menu, Bestand>Afbeeldingen
• Noteer het nummer van de afbeelding krijgt, eens ingeladen
• Selectee de knop in 'Beheer van de kassa layout'
• Kies 'Buttondefinition' als 'Image source'
• Vul het nummer van de afbeelding in in 'Image Uri'

Tips voor de afbeelding

• Zorg dat de afbeelding tussen de 100 à 200 pixels vierkant is
• Liefst .png formaat omdat dit formaat transparantie toelaat
• Zet geen tekst in de afbeelding, laat dat over aan het kassaprogramma
• Zorg dat er geen kader rond de afbeelding is, de knop zelf is al omkaderd
• Gebruik voor de achtergrond van de afbeelding 'Transparant' als kleur, daardoor krijgt de achtergrond van de afbeelding de knopkleur

Pagineren in het top panel

Het top panel is opgedeeld in pagina's waarvan er telkens 1 zichtbaar is. Om de pagina te veranderen kan een knop van het type 'ChangePage' gebruikt worden en gebruik als Entiteit ID de X waarde waar de pagina begint (zie ook verder 'Berekening van de breedte van een pagina').

Het aantal knoppen per pagina in de breedte is afhankelijk van de scherm grootte en de gridsize van het panel. Het is van belang om het top panel in te delen dat er eerst bepaald wordt hoeveel knoppen er in de breedte op een pagina kunnen.

Berekening van de breedte (in aantal knoppen) van een pagina

• open het kasprogramma
• zorg er voor dat het programma gemaximailseerd is
• Klik onderaan in de status balk op 'Application info'
• Er verschijnt een info vak. Noteer de breedte van het top (=main) panel, voorbeeld 542x553 = 542
• Deel de breedte van het panel door de gridsize+marge (zie beheer kassaprofiel, top panel van het bettreffende profiel) en rond af naar boven. Voorbeeld= 542 / (58+8) = 9.68 => 10 knoppen per pagina
• Er kunnen dus in het gegeven voorbeeld 10 knoppen met HScale = 1 op een pagina. Aangezien er standaard echter met knoppen met HScale = 2 gewerkt wordt kunnen dus 5 knoppen in de breedte
• Resultaat: de X waarde verspringt met 10 voor het begin van de pagina's of anders gezegd: pagina 1 begint met X=0, pagina 2 met X=10, pagina 3 met X=20
• Als u er niet aan uit raakt: het kan geen kwaad om de X met meer te verspringen dan strikt minimum zoals berekend, dus kan u in het rekenvoorbeeld ook zonder probleem per 20 verspringen