Twitter site offers a scrolling profile widget (http://twitter.com/goodies/widget_profile) which work great when it's pasted into a HTML page.

But when the same code is pasted into the DNN text/HTML module, it does not load any tweets from the twitter site - instead it just hangs with the loading indicator spinning.

The html code is a script - any suggestions on how to place this on a page.


code in attached zip

By the way, this code works in Firefox and Safari, but not in IE8.

The twitter script generates a javascript error in IE. And, you are correct, that it does work in other browsers. But, there are a couple of DotNetNuke modules on codeplex.com that add Twitter feeds. Search for "dotnetnuke twitter" on the site.

Why would this module run in standard HTML page, but not when it's inserted into the DNN text/HTML module? I can run the html page inside of IFrame, but not when inserted into a module - as shown on http://drmeletis.com/twittertest.aspx (unfortunately, IFrame adds some unwanted padding, leaving part of the background color as white)

I did buy the twitter module from Coding Staff, but it is only a static display of the last three tweets.

I didn't attempt to debug it, but I did note that a javascript error was generated.

You might also want to look at the free version for a Twitter module. Look on codeplex.com.

Does anyone have a fix or work-around for this yet? This thread was only discussion Google had indexed on this topic.

I've just tested it and got it working in the Text / HTML module, this is what to do:

Copy all of the code that twitter provides
Add a Text / HTML module to the page
Click Edit
Above the FCK Editor, click Basic Text Box
Underneath the FCK Editor, render mode select Raw

Paste in the code from twitter

Click on Save

You should now see your tweets

Using RAW works for a lot of third party scripts, such as displaying ssl logos and social networking widgets. Especially on older versions of DNN (I used this for a DNN 2 site that needed an SSL badge on a form page).

If you want a bit more control over things like this, Will Strohl  has a free module, WillStrhol.Injection, that you can use to insert just about anything into a DotNetNuke page.

Hello Lee.. I tried what you suggested and it still doesn't work properly for me. Only IE8 is the browser we're having issues with. Any other ideas? Thanks.. -Jeff

Does it work if you click the IE8 button to force it to run in IE7 compatibility mode?

If so, you might want to (at least temporarily) force your site to run in IE7 compatibility mode.  There is an IE7 Compatibility Mode skin widget that is available here.  There are other ways to accomplish this, too.  Google around and you'll find other solutions, but this one is nice and clean.

I tried both the raw mode and the IE7 compatibility workaround, but neither worked.

My workaround was to put the code in a separate html page, then run that page in an iFrame.

Hello Otto.. After running into prior issues with other items (Javascript/DNN), I decided to convert the this twitter config into a module. You'll have to edit the settings. E.g. Copy the code generated by the Twitter widgets page and paste it between the divs and it should work for you. You'll have to add the extension within DNN and make the proper DNN changes to make the module show up within DNN. But once done correctly, just add the module to a page and your tweets will be there; hopefully! Also, the module is configured to use a local copy of the widgets.js script, but testing will be needed when using the url to the js generated by Twitter ([script removed]) Hope this helps others as well.. -Jeff

I would like to through one thing in here.
We have the twitter widget running on our site and it works well except when Twitter is running slow.
In this case it significantly slows down our site page loads.
I haven't checked yet but I am about to look to see if there is a module that will pull in the Twitter info into an RSS or some other cached solution. This way our pages will avoid the slowness.

I tried the free and paid modules available, but didn't like any of them. I was able to make it work in an iframe and was able to get rid of that "white space" by altering the background color of the referenced page. visible here: http://www.expertapproach.com/About.aspx

I was able to get this to work in an iframe. However, when someone clicks on the bit.ly link in the twitter scroll, I want the page to update in the same window and NOT open in a new window.

Does anyone know how to accomplish this?

I'm not sure that you'll be able to do that inside of an iframe.  You'll need to change the way that the link is specified, and you don't have control over that in the iframe.

If you were capturing the twitter feed directly, you could do a transform on it to change the way that the link is formateed.