Click here to Skip to main content
15,867,308 members
Articles / Web Development / ASP.NET

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 66.9K   3.7K   93   14
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

 
QuestionThanks Pin
h@ndy26-Jun-11 23:55
h@ndy26-Jun-11 23:55 

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.