Getting Started With jQuery UI in OWS - Issue 59
Last Post 08/03/2011 8:16 AM by sravanthi yerramsetti. 13 Replies.
Author Messages
Lee Sykes
DNN Creative Staff
Nuke Master VI
Nuke Master VI
Posts:4945


--
08/02/2010 3:17 AM
    Add any comments or questions regarding the Getting Started With jQuery UI in OWS tutorial from Issue 59
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    conorm
    Nuke Newbie
    Nuke Newbie
    Posts:1


    --
    08/03/2010 4:25 PM
    There is no download link for the jquery ui tutorial - just a login message?

    ignore - subscription issue...
    Jim McClain
    Nuke Newbie
    Nuke Newbie
    Posts:1


    --
    08/05/2010 4:08 PM
    Two questions:

    1)  Could a skin interfere with implementing these widgets?  I downloaded the code and imported it. However, none of the jQuery functions work.

         OWS: 2.1.19.2 DNN: 5.4.2

    2) The two shortcut keys you mentioned are very useful.  Is there a document that lists these?

    Thanks,
    Jim
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    08/08/2010 3:40 PM
    Yes, if there are javascript errors on the page (and jQuery *is* javascript), other javascript can be broken.

    I would recommend that you view the pages in debug mode with your browser, turn on script debugging, and see if any errors are reported.  If you are using IE8, just click F12 to start debugging.  If you are using Mozilla, download Firebug.  Chrome has several developer tools for javascript.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Mark ODonnell
    Nuke Ace
    Nuke Ace
    Posts:41


    --
    08/18/2010 1:59 PM

    Ok, maybe I overlooked something in Video 2 for jQuery UI. I understand that I need to download a theme for my UI and in the video he states that we need to deploy the zip file to our DNN portal.

    My question is, where, and how do I deploy the contents of the zip file so that OWS knows to use it? If I remember correctly it was in one of the other videos for OWS that DNN Creative has published but I don't remember which one so that I can do a refresher.

    Or is it as simple as extracting the entire theme download to a directory on my server and it shows up?

    Edit: I was doing some further testing with the google hosted UI and UI css. I was able to get a result in firefox but nothing in IE8. I have checked the code with firebug, and IE script debugger. Both are showing clean, and I only have one reference to the jQuery library when my page loads.

    I feel kinda lost.

    Wullumpie
    Nuke Newbie
    Nuke Newbie
    Posts:3


    --
    10/07/2010 7:51 AM
    Hi,

    I'm experiencing the same result: nothing works. Even when importing the jquery_owsconfig.txt file.

    The debug info shows that the query has been executed.

    IE8, DNN 5.5.0, OWS 2.1.21
    Wullumpie
    Nuke Newbie
    Nuke Newbie
    Posts:3


    --
    10/08/2010 8:19 AM
    Update: the tabs only work when i put the scripted function in the Detail (No Query). AND instead of using $j, i removed the $ and simply replaced it with 'jQuery' Thanks to Bill Sternberger! http://www.billsternberger.net/jque...t-working/
    Mark ODonnell
    Nuke Ace
    Nuke Ace
    Posts:41


    --
    10/08/2010 9:49 AM
    Interesting, but I thought the $ delimiter was required if you were using multiple instance of jquery in OWS so it could differtiate between them. ($j, $k, $m). If this is not the case and I can reuse just 'jQuery' that is awesome.
    Wullumpie
    Nuke Newbie
    Nuke Newbie
    Posts:3


    --
    10/08/2010 10:54 AM
    @Mark: Please read http://docs.jquery.com/Using_jQuery..._Libraries for a superior understanding!

    @All:
    I'm pretty desperate. I redid the intro of the Knowledge Base, and even with the Quickbuilder I'm getting 'Object needed' errors when clicking on View or Edit.
    Still using DNN 551, OWS 2.1.21 on IE8.
    Is it a settings isssue?

    Please help me!

    Willem

    Jim21
    Nuke Newbie
    Nuke Newbie
    Posts:1


    --
    01/18/2011 10:48 PM
    I also found that the jQuery UI example code did not work. The problem appears to be some type of conflict between ASP.NET Ajax and jQuery UI. If after installing the sample code you go to the OWS General page and uncheck "Enable Ajax Interaction" the example will work though other OWS functions that rely on ajax will probably not function. Alternately, checking "Enable Ajax Interaction (Progressive Enhancement)" also seems to allow the sample code to function. FYI, My version of OWS is 2.1.21. Hope this may help others struggling with this code sample. - Jim
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    01/19/2011 7:11 AM
    For things like this, I'd really recommend that you visit the OWS Support forum. 

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    sravanthi yerramsetti
    Nuke Newbie
    Nuke Newbie
    Posts:6


    --
    08/02/2011 10:43 AM
    Hi Everyone,

    In Video 2 for jQuery UI. I understand that I need to download a theme for my UI and in the video he states that we need to deploy the zip file to our DNN portal.How to deploy the zip file to our dnn portal.please let me know.


    Thanks,
    Sravanthi
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    08/03/2011 6:59 AM
    If you are using a recent version of DotNetNuke, jQuery is already included so you don't need that script. If you are using DotNetNuke 6, jQuery UI is also included.

    You only need your custom CSS file, so put that custom file somewhere (for me, sticking it in the js directory seems reasonable). Then change the script that defines the link to the css file to point to that file.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    sravanthi yerramsetti
    Nuke Newbie
    Nuke Newbie
    Posts:6


    --
    08/03/2011 8:16 AM
    Ok the problem is with OpenWebStudio(OWS) not with DNN.when I Uncheck the "Enable Ajax Interaction " the jquery datepicker popsup but rest of the functionality is not working.But when I check "Enable Ajax Interaction(Progressive Enhancement)" all the functionality with calendar works but gives me an error"There was a problem with retreving XML data".did any one face the problem,and found a solution.Please let me know if any other alternate popup datepicker can be used or What would be the issue with existing JQueryUI datepicker.

    @joseph---Thanks Joseph for the info ,the Calendar is now popups but without CSS.I am using DNN6 I just copied the CSS from the download to the page css-its not working.How can I add the Css to the js directory .




    Thanks,
    Sravanthi


    ---