Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeGetting StartedGetting StartedNew to DNN Plat...New to DNN Plat...Problem with DNN Jquery UI datepickerProblem with DNN Jquery UI datepicker
Previous
 
Next
New Post
2/13/2012 5:08 PM
 

Hi,

 I'm new to DNN and i want to use the datepicker of jQuery UI inside my DNN.

 I have done the following things:

On my homepage i entered inside the manage=> edit content => Those codes:

<link href="/js/jquery-ui-1.8.17.custom.css" rel="Stylesheet" type="text/css"></link>
<input id="date" type="text" size="8"></input>

(the CSS file is inside the js map)

On Host=>Host settings=>Advanced settings=>Jquery settings i got debug and Jquery version checked and installed Jquery version = 1.6.4

installed Jquery ui version = 1.8.16

On Admin=>Pages=> Page Settings=>Advanced settings=>Page Header Settings=> i got <script type="text/javascript" src="js/datepicker.js"></script> inside.

In my datepicker.js i got this entered

jQuery('#date').datepicker({ }); (i tryed to change the jQuery to $ also)

I heard something about putting something more in a ascx file??

Can someone please tell me what i do wrong?

I can only enter some text in a box on my site now, but cant use the animated ui of jquery.

Thx

 
New Post
6/10/2012 12:53 AM
 

Hi,

I guess you're using DNN 6, if so don't try to add any links to jQuery in your content; use the host settings. Also, I think the syntax is wrong, I think it should be:

$("#date").datepicker();

 jQuery UI can be difficult to get going/learn on a DNN site, but you can try SkinTweaker to make things a little easier. It can help you learn jQuery syntax and makes setting up jQuery UI easier on DNN 5 (don't need it for DNN 6).

 http://store.dotnetnuke.com/home/product-details/skintweaker

 

 
Previous
 
Next
HomeHomeGetting StartedGetting StartedNew to DNN Plat...New to DNN Plat...Problem with DNN Jquery UI datepickerProblem with DNN Jquery UI datepicker


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out