IE10 scrollbar overlay on page issue - Solution

IE10 scrollbar overlay Issue:

When we designing a website on bootstrap you'll notice that the IE10 scroll-bar  appears on content of the page like below picture.

In IE-10 the scroll-bar not always appear, when it appear they overlay on the page contents

IE10 scrollbar overlay Solution:

The following piece of code will solve IE10 scroll-bar issue

@-ms-viewport {
               
                width: auto !important;
}

-ms-overflow-style property

Radio button with bootstrap in Asp.net

 It's now easier than ever before to build scalable responsive website layouts, using Bootstrap  A web developer doesn't have to spend time laboriously working out.

ASP.NET developer can easily use bootstraps css classes for alignment form elements like radio buttons, checkbox, text field etc 

For group radio button alignment with bootstrap we can do following thing 

Put Asp.net radio buttons control in DIV which have 'control radio' class. "control radio" it is bootraps css classes. We just need to add this css classes in DIV

 <div class="controls radio">
     <asp:RadioButtonList ID="rblTiming" runat="server"  RepeatDirection="Horizontal" Width="200px">
          <asp:ListItem Selected="True" >Morning</asp:ListItem>
          <asp:ListItem>Afternoon</asp:ListItem>
     </asp:RadioButtonList>
  </div>

Result :

Bootstrap datepicker fancybox conflicts - Solution

When we working with Bootstrap with Fancybox, several time face following javascript error 
"Cannot call method 'split' of undefined" to solution of this issue is :

Add fancybox type (type:'iframe')  in Fancybox Jquery method like

$(".fancybox-html").fancybox({ 
width    : '75%', 
height   : '75%', 
autoSize    : false, 
closeClick  : false, 
fitToView   : false, 
openEffect  : 'none', 
closeEffect : 'none', 
type : 'iframe' 
});

Hope it work for you,
Thank you

Hide Div when Click Outside - JQuery

When you trying to do the simple hide div when you click on the any part of the page. I got the trick after googling to to hide the div using JQuery. 


HAS() method constructs a new jQuery object from a subset of the matching elements. The supplied selector is tested against the descendants of the matching elements; the element will be included in the result if any of its descendant elements matches the selector.

Hide Div when Click Outside - Trick

 Jquery code 


$(document).mouseup(function (e)
{
              var loginBox = $("#login");
              
             if (loginBox.has(e.target).length === 0)
              
                {
                 loginBox.hide();
               }
 });



HTML Code

<div id="login"></div>

Scrollpane automatically re-size

JscrollPane is the one of the great fancy scroll-bar for every browser (IE, Firefox, Chrome etc) 
this post show to you to how to JscrollPane to automatically reinitialize itself, you need to just passing "autoReinitialise: true;" in setting frame, after passing srollpane attempts to reinitialize itself after delay milliseconds 

Here is the example of auto Reinitialize:  


$(function()

{

var settings =
 {
  showArrows: true,
  autoReinitialise: true
};

var pane = $('.scroll-pane')
pane.jScrollPane(settings);
var contentPane = pane.data('jsp').getContentPane();
var i = 1;

// Every second add some new content...
setInterval(
  function()
  {
   contentPane.append(
$('
').text('This is paragraph number ' + i++)
);
},
1000
);
});

Reference:
http://jscrollpane.kelvinluck.com/auto_reinitialise.html

How to remove Search.us.com Toolbar from Browsers

From Firefox

Step 1. goto the following folder and find prefs.js and user.js files
C:\Users\Naveed\AppData\Roaming\Mozilla\Firefox\Profiles

remove or rename prefs.js and user.js files, on my side I just removed this files

Step 2. Clear the cache and cookies

Step 3. In home default page area, remove the search.us

Now you are free from Search.us toolbar



From Chrome Step 1. Clear the cache and cookies Step 2. In home default page area, remove the search.us Now you are free from Search.us toolbar

Jquery Pop up msgBox

You can find Jquery popup examples http://jquerymsgbox.ibrahimkalyoncu.com/