FormBuilder.govt

Business Connect dashboard page is shown, with 5 clickable tabs available under the title:

• Available services
• Show all services
• Business admin
• COVID-19
• hospitality
• import/export

Available services forms are shown as clickable tiles:

• Active Investor Plus – outlined in green
• Fog cannon supplier report – outlined in green
• Mobile trading licence – outlined in green
• Motor vehicle trader registration – outlined in green

Mouse moves over to the hospitality tab and clicks.

Hospitality services are listed, and highlighted in pink:

• Alcohol Licence
• Change of duty management
• Halal premises registration
• Multisite food business registration

The mouse hovers over Halal Premises Registration and clicks into it.

The Before you start screen for the Halal Premises Registration form is shown, bullet points are listed at the top of the screen:

• Estimated time to complete this application will typically take at least 30 minutes
• The application form will time out after 60 minutes of inactivity
• You can save your application and complete it later

Page scrolls down to show first text box, titled: ‘Who can use this form’ – This is an application for business owners or employees of a premises that you’d like to produce halal dairy products on, either as a supplier, or a manufacturer. Before making halal dairy products, it must legally be listed as a dairy halal premises.

You can use this form to apply to a list of premises as a dairy or halal premises, if you’re listing a non-dairy halal premises, you can find the appropriate form here (external link).

Page scrolls down to show second text box titled, ‘What you’ll need’ – The below will be needed for the application:

• A copy of the premises’ approved halal programme
• A copy of approval letter issued to you by the AHO(s) who approved the halal programme
• A copy of the halal premises registration certificate issued to you by your AHO(s)
• An understanding of the final manufacture of halal dairy materials / products
• An understanding of premises that supply the final manufacturer with dairy material.

Page scrolls down to show third text box titled, ‘How to pay’ - The service fee for this application is $155.25 incl GST. Payment for the application can be made using credit/debit card or direct credit.

Payment details will be emailed to you or you can find them at the Ministry for Primary Industries (MPI) payment page (external link).

MPI does not accept cash.

Page scrolls up and mouses moves over to click into another browser tab labeled ‘Form.io’.

The Halal premises registration form is shown in an editable state, the mouse hovers down a side bar of components that can be added to this form:

Basic:

• Text Field
• Text Area
• Number
• Password
• Checkbox
• Select Boxes
• Select
• Radio
• Button

The mouses scrolls down to enter the ‘Layout’ menu:

• HTML Element
• Content
• Columns
• Field Set
• Panel
• Table
• Tabs
• Well

The mouse moves down and drags ‘Well’ into the Halal Premises Registration form. A ‘Well Component’ popup box is displayed. 5 clickable tabs are available:

• Display
• API
• Conditional
• Logic
• Layout

We are currently on the ‘Display’ tab which shows on the left hand side 2content fields labeled: ‘Label, Field label’ and ‘Custom CSS Class’ there are 4 checkboxes below these 2 fields:

• Hidden
• Hide label
• Disabled
• Modal Edit

On the right hand side of the popup box, there a section called ‘Preview’ which shows the blank field with: Save, Cancel and Remove buttons below.

The mouse clicks into the ‘Label’ field and types: ‘Demo Information’ and selects ‘save’. The pages scrolls down to show the well component has been added under the ‘before you start’ section,

Next the mouse moves to the left hand side of the screen to drag a ‘content component’ into the previously added ‘well component’ – a Content Component popup is shown, the same 5 tabs are shown:

• Display
• API
• Conditional
• Logic
• Layout

Above these 5 tabs is the Content Component field where information can be entered and edited with basic editing tools such as Bold, Italics as well as select presets such as ‘Heading 1 or 2’ or ‘Paragraph, where content can be added. Below these 5 tabs is 2 editable fields: Label – Content and Customs CSS Class, below these fields are 3 checkboxes:

• Refresh on Change
• Hidden
• Modal Edit

The mouse clicks into the Content component field and enters ‘Demo’ the selects ‘Heading 2’ which enlarges the text.

The mouse scrolls down to select save, and the content component is added into the well component under the ‘before you start’ section.

Next, the mouses moves to the ‘Basic’ tab and drags in a ‘Text field’ to the well component. A Text Field component popup is shown. 7 tabs are shown:

• Display
• Data
• Validation
• API
• Conditional
• Logic
• Layout

Below these tabs are 6 editable fields:

• Label
• Label Position
• Placeholder
• Description and Tooltip

To the left of these fields, shows a preview of the Text Field Component, with 3 buttons underneath titled: Save, Cancel and Remove.

The mouse clicks into the ‘Label’ field and enters: “Please enter information’ and selects save.

The text component field has been added into the Well component.

The screen scrolls up and selects save, once the save has been confirmed, the mouse moves to select the browser tab titled: Business Connect, which takes us through to the Halal Premises Registration form on Business Connect we were previously looking at.

Once onto the Halal Premises Registration form, the mouse selects refresh button on the top left-hand side of the screen. Once the screen has been refreshed, we can see the field we added in Form.io.

The mouse moves on to the recently added section titled: Demo – please enter information, and types “hello”.

The mouse moves back to the previous tab titled: Form.io and scrolls down to the section titled: Demo. While in this section, on the right hand-side is a little ‘X’ which when clicked, will remove the section, which the mouse moves to and does, the page then scrolls up and the mouse selects ‘save’ once saved, the mouse then goes back to the tab titled: Business Connect, and selects the ‘refresh’ button, once the page has loaded back in, we can see the recently added section titled: demo has now been removed.

The mouse then moves to the left hand side of the screen to select the ‘Business Connect’ logo, which takes us back to the Business Connect Dashboard.