Coding Cage | Programming Blog - PHP, MySQL, Ajax, jQuery, Web Design Tutorials

Designing Login, Sign Up & Forgot Password Modal Form with Bootstrap

By // 7 comments:
Hello friends, Today in this tutorial we will see How to design Login, Signup & Forgot Password Modal Forms using Bootstrap. Creating and customizing these bootstrap modals are quite easy, i mean literally easy, Modals allow you to open excellent pop-up windows within the same page without redirecting to any separate pages for any particular task, E.g Separate Login/Signup pages, Having Modal Forms on website gives better UI. In this example i have covered login, signup and forgot password modals which you can create easily, let's take a look.

Creating Responsive Navigation Menus - Bootstrap Navbars

By // 2 comments:
Today in this tutorial i am gonna show you How to create Responsive static and fixed navigation Menu bars , headers using Bootstrap. Navigation bar is a navigation header that is placed at the top of the page and can be extend or collapse depending on the screen size, Bootstrap made it easy. Now we will cover here creating a static and fixed top navigation bars along with drop-down menu and with search box. It can be made using Bootstrap's Navbar component. These responsive navbar initially collapsed on devices. i have used here latest bootstrap version 3.3.7, so have a look at this simple yet useful tutorial.
Creating Bootstrap Responsive Navigation Bars - Menu

AutoComplete Search with Href Link [PHP MySQL - Remote DataSource Example]

By // 17 comments:
Hi friends, hope you all are doing well, Today in this tutorial we will see an example of Autocomplete Search Box with PHP MySQL, Not only autocomplete we will make it more dynamic with remote datasource, in short this example provides suggestion while you type in search box and the suggestion will be coming from server-side script which returns JSON Data. this widget makes searching much easier you can use this widget for any type of search that you want in your website cause getting suggestion while typing seems cool and more user friendly, any search like post, products, category, catalogs or anything else that you want for your web project. you must have seen autocomplete search example on facebook and twitter so it makes searching someone easier on those social sites, so let's have a look at this simple quite useful widget tutorial and before proceeding you can check the demo.
Autocomplete Remote DataSource Example with PHP MySQL Live Auto Suggestion

SweetAlert2 – Ajax Delete Rows Example with PHP MySQL

By // 10 comments:
Hello coders, In our previous tutorial we saw all about getting started with SweetAlert2 and regarding it I also receive few emails to post Ajax Delete Example with SweetAlert2 to delete rows from MySQL table and use SweetAlert as Confirm dialog, So here In this tutorial, I am going to show you the most common deleting process of crud but with the new functionality by using SweetAlert as a confirm dialog, we already have a tutorial about Ajax Delete with Bootstrap Confirmation Dialog you can check it. guys as you all know that default JavaScript confirm dialog is not very good when it comes to impressive UI/UX, so it's good to use bootstrap or SweetAlert instead and it's quite easy to replace default JavaScript PopUp dialogs. before proceed please check a demo, So let’s get started.
SweetAlert2 – Ajax Delete Rows Example with PHP MySQL

SweetAlert2 - Working with Nice Alert's

By // 8 comments:
Hello guys, after a long time, today i'm going to introduce SweetAlert, first of all let me tell you guys that SweetAlert is a Library made with JavaScript and CSS, that act's as a replacement for default JavaScript's dialog, pop-ups and modal window as well, SweetAlert shows very impressive and pretty modal windows and as you all know that default JavaScript dialog looks ugly and terrible in terms of UX/UI and if you are working on any project that needs more user attraction then you must try this out. SweetAlert allows you to create attractive and pretty JavaScript dialogs like alert, confirm, prompt, and modal windows very quickly. So we have SweetAlert then you should avoid using default JavaScript Pop-Up's and i recommend you to use SweetAlert for your projects and for that you just need to add JavaScript and CSS file in your page, Ok we discussed that what is SweetAlert now move ahead to next step, so let's have a look how to use it.
SweetAlert2 : A Beautiful Replacement for JavaScript Alerts