Tag : Modal
In this posts, i am going to share with you how to make bootstrap photo gallery with validation and fancybox in laravel 5 application.
As we know, we almost require to develop image gallery module for user. Photo album will help to easily upload image and remove that with proper validation. So we always want to built good bootstrap layout with image gallery. However in this example, we will implement photo gallery from scratch with good layout that way you can simply built it with your project.
In this example i created "image_gallery" table with main 'title' and 'image' columns. I created o.....
Lightbox is a very popular plugin of wordpress and it is very useful for display image gallery. Lightbox will help to make best layout for portfolio, image gallery, banner display etc. So, Bootstrap provide Lightbox by bootstrap-lightbox plugin, bootstrap-lightbox plugin through we can simply use with bootstrap application. In this post we are going to learn how to use Lightbox in Bootstrap Application like with PHP, PHP Laravel, PHP codeigniter, PHP cakephp etc.
In this example i take two image and When you click on it Open Lightbox popup with big image. It is a very basic and simple example.....
We sometimes need to use prompt with input in our project because if we use prompt modal is very interesting and specially for GUI. Always we like to use prompt modal for creating data or editing data and also for conformation. In this example i use bootbox JS for prompt modal with input that way we can get input value easily.
You can try this:
<strong>Example:</strong>
<pre class="prettyprint lang-html">
<html lang="en">
<head>
<title>Jquery - bootstrap Prompt modal using bootbox.js</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jque.....
We always need ask confirmation for remove items. I mean we always ask before deleting items. So if you need to ask confirm before do something like delete, change status, change value etc as you require. If you want to do with better layout then you have to chooes bootbox.js and if you already use bootstrap then it's very better so, let's see bellow example and use it.
<strong>Example:</strong>
<pre class="prettyprint lang-html">
<html lang="en">
<head>
<title>Delete confirm modal using bootbox example</title>
<link href="https://maxcdn.bootstrapcdn.com/bo.....
We always need to dialog box in our project because modal is very interesting and specially for GUI. Always we like to use modal for creating data or editing data and also for conformation. So if you think how to set modal in my project then it is very easy you have to just copy bellow example and run in your local you will find result. In this example i provide bootstrap modal example with code so it pretty simple to use.
<strong>Example:</strong>
<pre class="prettyprint lang-php">
<html lang="en">
<head>
<title>Bootstrap modal popup example</title>
<link hre.....
PHP - Infinite Scroll Pagination using JQuery Ajax Example
Open Post
Laravel 5 create custom artisan command with example
Open Post
Laravel 5 Redirect to URL using redirect() helper
Open Post
Automatically Refresh or Reload a Page using jQuery Example
Open Post
Laravel 5.3 - Customize pagination templates example from scratch
Open Post
Simple PHP Jquery Ajax CRUD(insert update delete) tutorial example with source code
Open Post
