asp.net controls for Mobile devices

When it comes to Mobile application development, one concern for developer is to choose the UI components to provide best user interaction.

There are plenty of such components to choose from and you can select any of them that best fits your requirement.

1. Telerik controls
2. jqueryUi controls
3. jQuery Mobile controls

Cheers,
Samitha

Bootsrap file Input

Different browsers render the  HTML file upload control different ways. This can be resolved by replacing the file upload control with a cross-browser compatible control.

Even though there are plenty of controls to choose from, I personally like the Bootstrap file input control that can be integrated in simple steps into any project.



Regards,
Samitha

check form validation using jQuery

If you are using the jQuery Validate plugin for your form validations, you can force validation before the form is submitted and perhaps display an alert if validation is successful.

e.g.
 &lt input type="submit" value="Submit"  onclick="if ($('#your_form_id').valid()){alert('Thankyou for your application');}" / >

Cheers,
Samitha

Specify file input height for all browsers

Even you have specified  <input type="file" > using the style attribute it does not get applied in as expected in chrome browser. You can resolve that issue by setting file control width as follows.

 input[type="file"]{
        height:35px;
        width:100%;
  }

    input[type="file"]::-webkit-file-upload-button{
        height:35px;
  }

cheers,
Samitha

Increase size of glyphicons

If you are using bootstrap glyphicons, you may have noticed that sometimes the icon looks to small for a web page.

This can be fixed simply by increasing the font sizer for icons as displayed below.

/*change all icons*/
.glyphicon {
    font-size: 35px;
}


/*change specific icon*/
.glyphicon.glyphicon-print {
    font-size: 35px;
}


Regards,
Samitha