Select entire week and put week interval in input field

Posted in HtmlLeave a comment

I have used Bootstrap datetime picker in my project ran into same problem like yours When trying to select the weeks. Got the below Solution on my own you can try it. Required Files : Bootstrap.css Bootstrapdatetime picker css(You can use only datepicker instead of datetime) jquery.js Bootstrap.js moment.js Bootstrap Date time Picker js(Again you…

How to Add a Date Picker to a Bootstrap Form

Posted in Html1 Comment

This tutorial will teach you how to add a date picker to your form using bootstrap. A date picker is an interactive dropdown that makes it easy to choose the date from a calendar instead of typing it manually. It's a great way to avoid user errors because you can see the corresponding day of…

Avoid Google Map iframe zoom in and out of scrolling

Posted in HtmlTagged , , Leave a comment

You can simply remove the zoom in and out google map by adding an overlay. So you can solve this by putting a div with an .overlay exactly before each gmap iframe insertion, see: <html> <div class="overlay" onClick="style.pointerEvents='none'"></div> <iframe src="https://mapsengine.google.com/map/embed?mid=some_map_id" width="640" height="480"></iframe> </html> In my CSS I created the class: .overlay { background:transparent; position:relative; width:640px;…

Lightbox overlay images

Posted in HtmlTagged , Leave a comment

Lightbox is small java script library used to overlay images on top of the current page. It’s a snap to setup and works on all modern browsers. Add touch gesture support. Rewrite animations for performance and flexibility. Optimize layout for mobile. Optimize layout for screens of varying densities. Use inline SVG for UI elements. Do…

Lemonade Gallery grid system

Posted in HtmlTagged , , Leave a comment

Lemonade is a a simple, flexible and easy-to-customise grid system. It was created in order to give designers & developers a kickstart with their projects. It currently supports Chrome, Firefox, Safari, Opera & IE 9+, also supports major phone devices too. Preview: http://demo.bearsthemes.com/?item=lemongrid Download: http://lemonade.im/