Skip to main content

IP Address Timestamp and User Agent Fields Capturing Using Constructor

Intro​

With this feature, you can utilize a constructor to configure IP address, timestamp, and user agent fields efficiently for a data-rich collection. This encapsulates logic for setting up these essential fields, streamlining dataset creation and facilitating comprehensive analysis.

In this video tutorial you will learn how to configure IP address, timestamp and user agent fields using Constructor for a collection to build a data-rich web application.

1. Adding Constructors​

Click on Constructors at the top. Choose the fields and click on the + option. Add them to the space.

DrapCode Builder Collection Field

2. Create an Event to Edit Saved Data​

You will have to create an event in order to save data then choose Edit. For this go to Events and click Add Event.

DrapCode Builder Collection Field

2.1 Add Event Details​

Add the collection to save data. Then select a constructor to set a default value from the dropdown. You can add a confirmation message too such as success, error etc.

DrapCode Builder Collection Field

3. Bind the Event​

Drop a Collection Form from Components and open its Settings. In the pop up that appears choose the collection and the event to bind and Save the settings.

DrapCode Builder Collection Field

4. Preview the Changes​

Click Preview and you will find the data box. Here you can add a new record and click Submit. This will save the data. Refresh the page to view the newly added record here as well as in the collection.

DrapCode Builder Create New Record

5. Create an Event to Edit Updated Data​

You will have to create an event in order to update data then choose Edit. For this go to Events and click Add Event.

DrapCode Builder Create New Record

5.1 Add Event Details​

Add the collection to update data and choose the constructor form the dropdown. You can add a confirmation message too such as success, error etc.

DrapCode Builder Create New Record

6. Bind the Event​

Drop a Collection Form from Components and open its Settings. In the pop up that appears choose the collection and the event to bind and Save the settings.

DrapCode Builder Create New Record

7. Preview the Changes​

Click Preview and you will find the data box. Here you can add a new record and click Submit. This will save the data. Refresh the page to view the newly added record here as well as in the collection.

DrapCode Builder Create New Record

Conclusion​

One benefit is streamlined data collection and analysis, facilitated by efficiently configuring essential fields like IP address, timestamp, and user agent using a constructor.