Monday, November 11, 2013

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


Thursday, November 7, 2013

Radio button with bootstrap in Asp.net

 It's now easier than ever before to build scalable responsive website layouts, using Bootstrap  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 :