Form Entries

The Form Entries tool is a part of a suite which include a builder and a theme render. It allows entry views for all forms built on the site. Some key features include simple tagging of entries (converted, spam, trash), searchable table, entries for each input field, and an export with several options.

I collaborated on this with another designer to investigate the simplest way to view these form entries, as well as add some general insight. Due to resource constraints, the latter was never completed but the tool itself is alive.

After we determined the UX, I coded a prototype using Bootstrap 4. The sidebar/drawer is a modified modal that swings out once an entry is clicked. Being a modal already, I built in a feature to go into a simple ‘focus’ mode where the modal views standard front and center. Entries are paginated within for ease of use.

We also added some options to reorder or hide the table field columns, and an export feature that allows you to select a date range and output specific fields.

Once the prototype was done, our engineer could get to work doing the functional build. Oftentimes they can utilize my coded prototype as is, chunking out sections and applying the code needed to access the data and create the full functionality. Overall I enjoyed creating this small but mighty tool build.