Hi Andy,

Many thanks for issue 78, this is just the sort of thing I am interested in and you explained it so that even I can understand it!

Will you be issuing another video on how to implement the panels feature?

I'm not sure what Andy's plans are, but ... given that you've seen this one, you have a giant start on using other jQuery and jQuery UI things. Basically, you set up a div structure to handle the content, and then make a jQuery function call to activate it.

The really good news is that jQuery and jQuery UI are documented in exceptional fashion. So, use those pages to see how the div structure needs to be constructed, the function that should be called, and any options to control it.

Just as an example, I use jQuery Cycle and Tabs functions on this page: http://ainq.com/Company/OurConsultants.aspx

Thanks for that, Joe.

My problem is that I'm not a programmer or coder. I can handle things given to me 'on a plate', whereby the code is supplied with instructions where to add it, but I'm pretty hopeless at working things out for myself.

I will search for some documentation and see how it goes. That said, I think it would be a shame if Andy didn't build on what he's started, especially as he mentioned the panels feature in this video.

OK, just seen a problem that I didn't spot when testing yesterday. Logged in (as host), everything works OK. Logged out, it looks as though the JS code isn't being initialised and all the content is on one page and the tabs don't function. Thoughts?

Look at the page source to see what's really there.

Hi Joe,

Not really sure what I'm looking for (or not looking for) but I can see the HTML module in the page source with all the HTML code etc with all the text in the relevant div id tags plus the JS code at the end.

Thanks.

Is there a way for me to see the page?

Hi Joe,

Not where I had it originally but I've recreated it on another install here http://www.1066-ice-skating-club.or...age02.aspx

In the process of doing that I originally used the Dark Knight skin and it worked in that, so it's something to do with other skin.

Could you take a look please, Joe, do I need to remove the code right at the end of the page?

Thanks again.

I took a quick look. Will be able to look in more detail later.

But ... jQueryUI is not loaded (try looking at the site in IE, hit f12 and start script debugging)

Which version of DotNetNuke are you using here? Possible it's one that doesn't include jQueryUI? If so, you'll have to load it yourself.

I keep all my installs up to date and they are currently all running DNN 6.2.2.

This does work if I use the Dark Knight skin, which seems to suggest it's my skin, which is one that was designed for, and originally installed on, DNN 5. I know it's old fashioned and table-based but I like it and, until now, it has survived the upgrades.

I notice there is some code at the end of the page source which perhaps needs removing?

Or should I just invest in a new skin?

What are your settings under Host, Host Settings, Advanced Settings, jQuery Settings?

Your page is loading jQuery, but is not loading jQueryUI.

Host jQuery settings:

Installed jQuery Version: 1.7.2
Installed jQuery UI Version: 1.8.16
Use jQuery Debug Version?: Unticked
User Hosted jQuery Version?: Unticked
Hosted jQuery URL: http://ajax.googleapis.com/ajax/lib...ery.min.js
Hosted jQuery UI URL: http://ajax.googleapis.com/ajax/lib...-ui.min.js

I used the sample code in the jquery video posted recently and ran into the following problem. The page i created has 4 HTML modules and I cut and pasted the sample jquery code into each module as described in the video.

The tabs worked in the first module but anything there after does not render as expected.

Any thoughts?

Thanks

You can add a tag ahead of the jquery script to force loading the jqueryui file. Something like this:

Thanks, Joe, but that didn't work. I'm confused as to why it works in Dark Knight (as per Andy's video) but not my skin.

You probably want to take that line out.

Also, looking at the page components, it looks like you may have the wrong versions of jQuery and jQueryUI ... 1.72 vs 1.8.13 or some such.

You can see my version of the tutorial at http://jncraig.com/test/DNNCTabs.aspx. It's not using the Dark Knight skin, and I did nothing special ... just followed the tutorial.

Again, your page doesn't load jQueryUI like mine does. My site is DotNetNuke 6.1.5 and with these jQuery settings:


jQuery Settings


Installed jQuery Version: 1.6.4
Installed jQuery UI Version 1.8.16
Use jQuery Debug Version? No
Use Hosted jQuery Version? Yes
Hosted jQuery URL: http://ajax.googleapis.com/ajax/lib...ery.min.js
Hosted jQuery UI URL: http://ajax.googleapis.com/ajax/lib...-ui.min.js

Hmmm ... you're running:

Installed jQuery Version: 1.6.4
Installed jQuery UI Version 1.8.16

I'm running:

Installed jQuery Version: 1.7.2
Installed jQuery UI Version: 1.8.16

I would probably be running jQuery 1.7.2 as I am on a later version of DNN. No?

I've tried ticking Use Hosted jQuery Version but no difference.

I will take a look at your site.

Thanks, again, Joe.

Starting to see some posts on dotnetnuke.com about jQuery UI 1.8.16 being broken, so I'm not alone! Strange how it works in Dark Knight though. Thanks, Joe.

True. but tjat started just in the last couple of days.

If you uncheck the "hosted jquery" box in Host Settings, that should make the problem go away. Or you can leave hosted checked and have it usr http://ajax.googleapis.com/ajax/lib...ry.min.js.