AMI Style 3: HTML Forms

In this third tutorial in the series we will be going over how a create a data input form in AMI using HTML Panels. Along the way we will go over some of the input fields available, how to use the data entered to add new entries to an AMI DB table and ensure the existing visualizations update in response. In some cases the values that can be entered into a field should be restricted to a known set and we will cover a few ways this can be accomplished. We will then move on to applying some validation to the data entered. Starting with an approach tailored to a specific form and moving to a more widely reusable approach using custom methods. Finally, we’ll explore how AMI's flexible styling system allows for a forms appearance and behavior to match your needs even mimicking existing User interface styles such as material UI or Bootstrap.