Demo - PhpPot

In a previous article, we have seen how to show image gallery from the database. Gallery view gives good looking to the web pages.

Autocomplete feature is a typeahead mechanism to show input suggestion to the user. It is a common UI/UX feature in applications.

Dependent dropdowns are multiple dropdown fields whose values depends on the other dropddown and they are loaded dynamically.

There are many popular colorpicker plugins available in the market. Previously, we have seen an example to implement jQuery colorpicker .

Filters are used to narrow down the results based on particular criteria. We have already created a PHP filter for a list page to shortlist.

Google Maps JavaScript API provides the feature to create location search with autocomplete. The user input will be bound and used.

A shopping cart application will have a catalog to showcase products as a gallery. The products can be stored in a database, file or any other forms.

Dropdown field with a lengthy list of options may confuse users most of the time. Dynamically loading options and populating UI fields.

Bootstrap Colorpicker is a GUI widget which can be used to show a color pallet to pick colors. This is a jQuery based Bootstrap plugin.

Gallery is a great way to showcase data in a grid view so that its appealing to the users. Its one of the nicest way to present your products.

Managing events in a calendar will be intuitive for the users. In the form based event management, the user has to enter more data like event.

If we want to visualize statistics, graphs are one of the best ways of representation. Understanding data becomes easy and obvious.

In e-commerce websites, it is all about usability and conversion. A micro feature can stand between you and profitability. We need to facilitate buyer.

Most of the image based operations can be performed by using PHP built-in functions. The image-based PHP functions are in GD library.

File upload feature requires basic validations to sanitize the user input. There is a huge chance of exploiting a file upload option.