Step 3 – Connect AmpUp to your Database
Once we have given the database connection the correct credentials, we then direct AmpUp to a table so that it can automatic generate a webpage for its data. In less than a minute, we get a web page that looks, in part, like this:
The organization of these fields may not be ideal as the fields that comprise the staff member’s name and the phone numbers seem to be split between rows. By spending another minute or so and using another AmpUp feature, we can easily group related fields together and obtain this result:
Besides being grouped better, notice how the data fields automatically have their widths set to match the schema and how the field captions have been “humanized” by being converted to proper English and made to stand out from the data with a distinct look. What we don’t see is the built-in validation that checks for invalid data entry and how the right margin setting can be changed with the fields wrapping differently to match. Some data controls have special drop-down or pop-up features, such as a pop-up calendar data selection tool for entering dates.
The look of an AmpUp-generated page is controlled through CSS, so the font colors, sizes, form widths, etc. can be altered to match an existing site’s format, color scheme and other characteristics without requiring any webpage code changes.