How to Create Bootstrap Accordion Menu

Posted by: VP on 8/26/2014 Filed under: | | Be the first to comment!
bootstrap-accordion-menu

Hi, in this tutorial we'll see how to create Bootstrap3 Accordion Menu. Accordion is one of the important components of Bootstrap Framework, and is a stacked list of items such as windows, buttons, lables, thumbnails etc which can be expanded and collapsed though only one accordion window will be visible at a time.

How to get the Status Code from HTTP Response Headers in PHP

Posted by: VP on 8/18/2014 Filed under: Be the first to comment!
status-code-http-request-response-headers-php

We'll see how to get the Status Code of any HTTP RESPONSE Headers sent by the server upon a HTTP REQUEST in PHP. For example, opening a webpage in a browser will send a HTTP request to the server and which in turn will be returned by a response. At times, we want to get the status code alone from the headers sent by the server for processing.

How to add jQuery UI Slider Input Control to HTML Form

Posted by: VP on 8/14/2014 Filed under: | | | Be the first to comment!
jquery-ui-slider-input-control

The jQuery UI Slider Input Control can be used in places where the user input should be bound to a certain range of numeric values. We can use textbox and slider control together to force the user to pick up the input value by sliding the slider button. This way we can have more control over the form input values.

How to Create Login Form in CodeIgniter, MySQL and Twitter Bootstrap

Posted by: VP on 8/11/2014 Filed under: | | | Be the first to comment!

Hi I'm back with another CodeIgniter MySQL Tutorial. In this post, we'll see How to Create Login Form in CodeIgniter and MySQL Database. To design the UI, we use Twitter Bootstrap3 CSS Framework . Twitter Bootstrap has ready to use HTML Form Components which we use to style our login form in seconds.

CodeIgniter/MySQL Tutorial - Read and Display data with Twitter Bootstrap

Posted by: VP on 7/25/2014 Filed under: | | | Be the first to comment!

CodeIgniter is the simplest and light PHP framework which lets you create robust web applications in no time. Using Twitter Bootstrap with CodeIgniter saves the hassle of writing CSS Stylesheets for your app and lets you focus on development. Later you can customize bootstrap styles to suit your need. That is the best part of using MVC pattern as the presentation (view) is separate, you can change the look and feel of the app anytime without disturbing the rest of it. kodingmadesimple.com have good Twitter Bootstrap Tutorials about customizing Bootstrap3 and I strongly recommend you to go through these tutorials.

How to Add and Customize Twitter Bootstrap3 Breadcrumbs

Posted by: VP on 7/16/2014 Filed under: | Be the first to comment!
Customize-Twitter-Bootstrap3-Breadcrumbs

It's a good practice to add breadcrumbs to websites/blogs to enhance the users to find their way around. Also it indicates user’s location (page) and hierarchy of the page within a website. Twitter bootstrap3 comes with built-in CSS component for adding breadcrumbs. I'll show you how to add and customize the default breadcrumbs of bootstrap as per your requirement.

Learn jQuery addclass removeclass methods onclick

Posted by: VP on 7/05/2014 Filed under: | Be the first to comment!

Using the jQuery addClass() and removeClass() methods, we can dynamically add/remove css class(es) of an HTML element. The addClass method does not replace any existing classes but appends to them. The removeClass method removes the css classes of an element if exists. To add/remove more than one class at a time separate them with a space.