Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / web / ASP.NET

Source Code for JQuery ASP.NET Controls

4.56/5 (15 votes)
10 Jun 2009CPOL 69.6K   3.7K  
Get a start to building your own JQuery Controls

Introduction

Ok... So I'm hoping you are already familiar with JQuery. If you're not, then just consider JQuery as a JavaScript framework that is used for client-side rendering. I really love what these guys have done, but there is no direct integration with ASP.NET. DotNetAge provides a pretty good framework, but their controls are missing Control Designers for Visual Studio.

Included in the library is are four controls (plus designers) that I developed (JQuerySlider, JQueryTabView, JQueryAccordion, JQueryDialog) and one control that I modified from Rick Strahl's article on the jQueryCalender (JQueryDatePicker). I'm only one person so I've only implemented what I've needed so far. I hope to update this a lot in the future.

ToolBox.png

Using the Controls

To use the controls, just add your Cascading Style Sheets (the JQuery Theme Roller can build your CSS files for you) to your page and then drag and drop the controls from the ToolBox. Below are some screenshots of the controls in their designer view and then at runtime.

JQueryAccordion

AccordionDesign.png

AccordionRuntime.png

JQueryTabView

TabViewDesign.png

TabViewRuntime.png

JQueryDialog

DialogDesign.png

DialogRuntime.png

JQuerySlider

SliderDesign.png

SliderRuntime.png 

History

  • 10th June, 2009: Initial post

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)