Click here to Skip to main content
15,608,652 members
Articles / Web Development / ASP.NET
Article
Posted 10 Jun 2009

Stats

64.3K views
3.7K downloads
93 bookmarked

Source Code for JQuery ASP.NET Controls

Rate me:
Please Sign up or sign in to vote.
4.56/5 (15 votes)
10 Jun 2009CPOL
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)


Written By
Software Developer (Senior)
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
QuestionMy Vote of 5 - Good work Pin
Andez20044-Dec-14 4:02
Andez20044-Dec-14 4:02 
QuestionThanks Pin
lokesh.developer23-Sep-12 6:38
lokesh.developer23-Sep-12 6:38 
Questionthanks Pin
murat bayram19-Apr-12 2:06
murat bayram19-Apr-12 2:06 
QuestionThanks Pin
h@ndy26-Jun-11 23:55
h@ndy26-Jun-11 23:55 
GeneralThanks Pin
askneji21-Oct-10 8:39
askneji21-Oct-10 8:39 
Generali am impress. Pin
Yves4-May-10 15:52
Yves4-May-10 15:52 
GeneralInfo about framework .NET Pin
Member 229057514-Sep-09 22:25
Member 229057514-Sep-09 22:25 
GeneralGood solution Pin
Mehran Zand11-Jul-09 22:48
Mehran Zand11-Jul-09 22:48 
GeneralError Pin
gnedash22-Jun-09 6:05
gnedash22-Jun-09 6:05 
GeneralRE: Pin
gnedash16-Jun-09 22:48
gnedash16-Jun-09 22:48 
GeneralMy vote of 2 Pin
Richard Deeming16-Jun-09 2:41
mveRichard Deeming16-Jun-09 2:41 
GeneralRe: My vote of 2 Pin
Sike Mullivan16-Jun-09 4:13
Sike Mullivan16-Jun-09 4:13 
GeneralGreat! Pin
Laserson10-Jun-09 18:38
Laserson10-Jun-09 18:38 
The best solution of integrating jQuery controls into ASP.NET page without interaction with HTML and JS! Thanks
GeneralRe: Great! Pin
Sike Mullivan11-Jun-09 3:56
Sike Mullivan11-Jun-09 3:56 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.