Maak compactere lay-outs met de nieuwe Form Table Designer [Guide].

Resco Spring release kwam met een ton aan nieuwe functionaliteit, en een van de vers toegevoegde functies omvat een verbeterde workflow voor het ontwerpen van de lay-out van uw formulierweergaven. De bijgewerkte Form Table Designer in Woodford helpt u om compactere weergaven te maken en alle essentiële informatie snel in de app te zien. Laten we eens kijken hoe u alle voordelen kunt gebruiken om de UI van uw app te optimaliseren.

Wat is de Form Table Designer?

Met de nieuwe Form Table Designer in Woodford kunt u elementen op het scherm in sterk aangepaste lay-outs plaatsen. Zo kunt u de gebruikersinterface van uw app nog aantrekkelijker maken. En wat nog belangrijker is, belangrijke informatie wordt direct toegankelijk vanaf het formulier. U kunt eenvoudig gebruikmaken van elk schermformaat en voorkomen dat gebruikers uitgebreid moeten scrollen om toegang te krijgen tot belangrijke informatie.
”

Hoe instellen

U kunt werken met de Form Table Designer in Woodford. Gebruikers met systeembeheerdersrollen kunnen tabellen maken op formulieren van entiteiten, bepalen welke velden worden opgenomen en hun positie binnen rijen en kolommen specificeren.
De nieuwe ontwerper maakt het mogelijk om tabellen te maken die bestaan uit verschillende formulierelementen (velden), met maximaal 20×20 rijen en kolommen. De breedte van elke rij en kolom kan eenvoudig worden aangepast, en elk vormelement kan flexibel worden uitgerekt, waarbij één of meerdere cellen over rijen en kolommen worden verdeeld. Je kunt nu snel overschakelen van de lay-out “één rij per één veld” naar compactere en inzichtelijke weergaven.

Waar kun je de Form Table Designer gebruiken?

De nieuwe functionaliteit is beschikbaar voor alle formulieren binnen elke Resco app. Formulieren worden gedefinieerd binnen app-projecten en beheerders kunnen ze beheren binnen entiteiten. Ze bieden een hulpmiddel voor het beheren van informatie die wordt weergegeven aan de mobiele gebruikers.
Binnen formulieren kunnen beheerders ook informatie organiseren in meerdere blokken die tabbladen worden genoemd. Bijvoorbeeld, voor een contactpersoon kan het tabblad Algemeen de naam, achternaam en primaire telefoon bevatten, en een tweede tabblad genaamd Adres toont het postadres. Een derde tabblad kan dan alle afspraken met betrekking tot die contactpersoon tonen.

Compacte lay-out voor Salesforce- en Dynamics 365-omgevingen

Oplossingen waarbij het mogelijk is om compacte lay-outs te maken, zijn onder andere Resco voor Salesforce en Resco voor Dynamics. Met deze oplossingen kunnen bedrijven hun primaire CRM-omgevingen verbinden met mobiele apps van Resco en hun gegevens in het veld gebruiken.

Hoe aangepaste lay-outs voor formulieren maken in Woodford

1. 1. Om te beginnen met de Form Table Designer, opent u Woodford en navigeert u naar de entiteit waarvoor u een flexibele lay-out wilt maken – bijvoorbeeld Account, Afspraak, Contact of een andere. Om de lijst met formulieren voor een entiteit te zien, opent u uw app-project, selecteert u de entiteit en klikt u op Toon UI.
      
      
   2. Kies een formulier dat je wilt bewerken. Je kunt ook een nieuw formulier maken met de knop Nieuw formulier of een bestaand formulier klonen met de knop Klonen in het bovenste bedieningspaneel.
      
   3. Kies op het formulier een tabblad waar je een tabel wilt maken. Je kunt een tabel maken binnen Detail tabbladen, items, waar u velden kunt plaatsen. Binnen de entiteit Rekening is deze optie bijvoorbeeld beschikbaar voor Algemeen of Adres tabbladen.
      
   4. Begin met het maken van een tabel door op de knop Tabel toevoegen te klikken. Pas de grootte van de tabel aan door kolommen en rijen toe te voegen of te verwijderen in de Tabeleditor.
      
   5. Voeg velden toe aan de geselecteerde tabel door op Velden toevoegen te klikken.
      
   6. Selecteer in de tabel de rijen en kolommen waarin je het veld wilt weergeven.
   7. Je kunt de hele tijd controleren welke cellen al zijn geselecteerd, niet zijn toegewezen of conflicterend zijn (meer dan één veld is toegewezen aan dezelfde cel) met de tabelselector in het linker bedieningspaneel:
      • Geen achtergrond – cel is niet toegewezen aan een veld
      • Blauwe achtergrond – cellen toegewezen voor het geselecteerde veld
      • Grijze achtergrond – toegewezen cel
      • Rode achtergrond – conflicterende cel
        
   8. Sla daarna de wijzigingen op en publiceer je project om de nieuwe compacte lay-out in je app te zien.

Geniet van volledig aangepaste lay-outs in je app

Mobiele apparaten worden gekenmerkt door een compacte vormfactor waarbij elke centimeter telt. Daarom is het handig om de hoeveelheid en het type informatie dat je gebruikers kunnen zien in de standaardweergave te kunnen beheren. En met de nieuwe Form Table Designer kun je je lay-outs vrijer aanpassen en een beter uitziend en praktischer UI-ontwerp realiseren.
Als je meer praktische tips wilt leren, neem dan een kijkje op Resco Academy en schrijf je in voor een van de vele beschikbare cursussen.