The Pack Designer is the place where you design your pack layout and data structure in one unified interface. The Pack Designer let you place many different input fields to create very easily appealing data forms.
The Pack Designer is divided in several zones and features:
Pack General Options
The pack metadata section allows you to change the pack's global information and settings.
To change the pack background, simply click on any of the available background tiles. The selected background is raised up. In the example above, it is the third tile of the second row. Clicking on the Apply button confirms your selection. Clicking on Cancel or on the cross button just closes the dialog box without applying your selection.
Clicking on the Add Component
shows all available components
Editing the Layout
Once you have added a component on the layout, you can start arranging it to fit your needs.
Move a component
To move a component, just drag it around with the mouse. The other fields will rearrange according to the new position if they are overlapping.
Resize a component
Resizing a component is done by dragging the small double diagonal arrow in the lower right corner of the field. The double arrow appears automatically when you move the mouse over the field (If you are on a touch device, it will be displayed by default).
Edit or delete component options
To edit the options of a component, just double-click on it or click on the pencil button . A dedicated component options dialog will be opened. See the reference section for details about each component option
To delete the component, simply click on the red trash button "Delete".
Please note that on touch devices, the edit and delete buttons are displayed in a light pink color.
(Un)lock components position
You can (un)lock the current components position so that, When the toggle is on and you move around a component, the other components are not automatically positioned according to the new component location. If the toggle is off, automatic repositioning of the components occurs.
Layout Resizing Guidelines
Pakker component layout rearrange according the size of the device. In order to automate this, Pakker follows a simple rule of reordering the components. The image below shows a pack with fields numbered from 1 to 10 and located in different positions. The pink arrows show how the component rows are selected, from 1 to 5:
When the pack is opened on a mobile device the layout will be automatically adapted to the smaller size of the display. Each component will then be positioned according to the natural order explained above. The image below shows how the components on the layout above will be repositioned.
Pack relations are a powerful feature that allows to build relations between cards. Let's take a simple example. You have one customer contact list and you need to track invoices for each one. You then create an Invoice pack with all your invoices and add a Pack relation that links the invoice to the related customer contact.
Pack relations always allow multiple links. you can link as many invoices to a customer. Of course, you can restrict the links to only one. Here's the steps to create and edit a new Pack relation
Pack relations are automatically bi-directional. In our example of customers and invoices, you will be able to see in a customer contact card all invoices that were linked to it.
The number of Pack relations is unlimited. In this example above, you can extend the solution by adding to the Invoice a second pack relation linked to an Inventory pack so you can track the items in the invoices
Add a Pack Relation
Step 1. Create a new pack Relation
To create a new pack relation, open the component menu in the bottom right corner and click on the Pack Relation button with the double arrow icon.
Step 2. Give a name and choose the target pack
When you have clicked on the new Pack Relation button, a dialog box will open where you have to enter:
Pack Relation Features
In the pack designer, the pack relation is presented with all the options:
The Pack Relation Options
Clicking on the pack relation options button on the top right corner of the pack relation opens the options dialog with the following features:
The Pack Relation Tables
Once you have selected the fields of the pack relation tables, you can reorder them simply by drag'n'drop the column headers to the desired position. This can be done on both table.