Dynamic render content on radio button change using bootstrap 4, jQuery

Dynamic render content on radio button change using bootstrap 4, jQuery: Interactive dynamic render content (here coupon and offer) is displayed on click coupon/offer radio button. UI is designed using bootstrap 4. jQuery is used to hide and show the respective contents(coupon/offer) on radio button change. By default both is displayed with the one more radio button named “All”.  

95 total views, no views today

» Read more

Bootstrap 4 Responsive Megamenu With 6 Columns Example

Bootstrap 4 Responsive Megamenu With 6 Columns Example: In┬áthe last post, I posted the simple megamenu, in this I am posting responsive megamenu with 6 columns which will looks something like ecommerce or any affiliate networking site megamenu style.   Bootstrap 4 Responsive Megamenu With 6 Columns Example Source code: <!DOCTYPE html> <html lang=”en”> <head> <!– Required meta tags –>

146 total views, no views today

» Read more

Bootstrap 4 Responsive Megamenu Example

Bootstrap 4 Responsive Megamenu Example: Megamenu is one of the most important feature and need for ecommerce and business websites. There are lot of mega menu samples and examples for bootstrap 3. Since the bootstrap 4 came up with major changes, you can not use those examples/samples to make mega menu with bootstrap 4. Bootstrap 4 cheat sheet with all

355 total views, no views today

» Read more

Bootstrap 4 Responsive Slider Example

Bootstrap 4 Responsive Slider Example: Bootstrap 4 slider came up with 5 different devices responsiveness along with slider next/previous button and the slider indicator. Which also came up with the text over the slider. Bootstrap 4 is released recently with major update. As per Bootstrap official changelog, Bootstrap 4 has been a massive undertaking that touches nearly every line of

130 total views, no views today

» Read more

Bootstrap 4 All Classes List – Cheat Sheet

Bootstrap 4 is released with much update mainly with flex options. I have shared bootstrap 4 all classes list below and this will be your cheat sheet for quick reference. Bootstrap 4 came up with a lot of new classes and modifications of existing classes. Bootstrap 4 is having around 300 classes.┬áPlease find below:   .active .alert .alert-dismissible .alert-heading .alert-*

106 total views, no views today

» Read more

How to integrate google custom search to your website?

How to integrate google custom search to your website?

How to integrate google custom search to your website?:Google custom search is the best search tool which you can integrate to your website. If you are using any CMS(wordpress, joomla etc.,) softwares for your blog/site , then lot of ready-made plugins are exist. One important drawback with google custom search is it searches only from the google indexed pages. So

69 total views, no views today

» Read more

Google to search only within your site using jQuery & Bootstrap

Google to search only within your site using jQuery & Bootstrap

Google to search only within your site using jQuery & Bootstrap: We have lot of plugins to make google to search only within your site in CMS frameworks like wordpress, joomla etc. But when you are developing your own custom site then enabling google to search only within your site may need some coding part. In this post I am

72 total views, no views today

» Read more

Responsive Dynamic Header using jQuery, PHP & Bootstrap

Responsive Dynamic Header using jQuery, PHP & Bootstrap: Dynamic header is providing the dynamic content for both logged in and logged out users differently. In our example here we have Login button at the right top and some content in the page. If you click Login it will be changed as my accounts and even the contents in the page

75 total views, no views today

» Read more

Auto populate one dropdown based on other dropdown value change in Angular JS

Angularjs dropdown auto population by changing other dropdown example

Auto populate one dropdown value based on other dropdown value change in Angular JS:   As we know Angular JS is a two way data binding, mapping the $scope variable in the html/view file will map and bind the updated value which we are assigning/updating in the controller.   I recommend you to study Angular JS Hello world for dummies

85 total views, no views today

» Read more

[Solved] SCRIPT5007: Unable to get value of the property ‘call’: object is null or undefined jquery.validate.min.js, line 50 character 199

[Solved] SCRIPT5007: Unable to get value of the property ‘call’: object is null or undefined jquery.validate.min.js, line 50 character 199 This issue will come if you have validate.min.js with jQuery plugin more than 1.9.1 version. Reason: In jQuery 1.9.1 and above they removed the “event.handle”, but the same would have been used in the validate jQuery plugin. Solution: Update “event.handle”

220 total views, no views today

» Read more
1 2 3 5