You are hereBlogs / rahul's blog / Scrolling Announcements Module for DotNetNuke

Scrolling Announcements Module for DotNetNuke


rahul's picture

By rahul - Posted on 07 January 2010

It has been sometime since I created this module. This module is an extension to the core DotNetNuke Announcements module, and is compatible with it. You can have both of them installed side-by-side.

It adds scrolling capability to your Announcements. You can scroll your Announcements in all directions:

  • None (default)
  • Right To Left
  • Left To Right
  • Top To Bottom
  • Bottom To Top

In addition, you have some other nice features like configurable scroll speed, configurable scroll width & height.

You can change these options from within the Settings menu for the module. The module is compatible with DNN 4.x & DNN 5.x.

If you face any issue using this module, feel free to use the comment form below. You might also be interested in my other blog entry, ASP.NET Content Scroller control, that enables you to scroll any ASP.NET server-side or any Html content.

The installation package for this module is attached below.

UPDATE:

  • Feb 8, 2010 - Uploaded latest Module version. Please download, and install the new version into DNN as usual.
AttachmentSize
II_Announcements.zip49.48 KB

Hi,

I've tested the module using multiple instances of the module on the same page. However it does not work correctly - it only shows the announcements in the second instance... If I delete the second instalce, it shows the announcements from the first instance

Thanks,

Catalin

rahul's picture

It should not have been so. I have tested it, and multiple modules work on the page perfectly. Gimme some time. I will verify this again. By the way, which DNN version are you using??

rahul's picture

Hi Catalin, pinned down the issue. The module package attached above was not the latest one. An earlier version of the module had the issue you pointed out.

Please download the latest version again, which has been updated above (you might need to clear your browser cache to ensure you download it again). And then, install it as usual into DNN. The module would upgrade its code and js.

Is it possible to display first 100 characters within the scroll from each announcement using current settings? Now it only displays [EDIT][TITLE] - [PUBLISHDATE] and [READMORE]

I use dnn 5.1.4

Thanks,
Catalin

rahul's picture

Hi Catalin, its been some time since I worked on this module. Please check its Settings page. Although I do not recall putting in any such feature there, there might be one which has skipped my memory. If you do not find anything there, then the module does not support what you are saying.

hi...the module is not working in IE 8. error message :

"Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; CIBA; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322)
Timestamp: Fri, 23 Jul 2010 03:27:01 UTC

Message: 'ContentScroller' is undefined
Line: 537
Char: 1
Code: 0
URI: http://alamsekitar.org/

AttachmentSize
ERR.jpg 265.76 KB
rahul's picture

Hi Kent, Have you tried on other browsers? Do you get this error on IE only or on all browsers??

On dnn 5.5 when in 'view mode' I get same error (all work good when in edit mode). For me view mode wasn't loading ContentScroller.js. If you reference it all works properly again. Thankyou, is useful module.

AttachmentSize
loadjs.jpg 14.32 KB
rahul's picture

Hmmm.. this shouldn't be the case, as I am using this module on multiple sites successfully. Anyways, glad it worked for you with the fix you mentioned.

Hi,

I love the module it scroll announcements how I want right to left. However instead of stacking them and scrolling a block of announcements can it scroll one announcement followed by another in-line?
Videsh

rahul's picture

Hi Videsh, well I think that can also be done easily, would just need some tweaking here or there. However, my current schedule is too screwed up to try this in the short term...

EDIT: If I recall correctly, there are 2 options Scroll Width, and Content width in the module's setting. Setting Content width to a large value in relation to scroll width should help you achieve your desired result. Try setting Scroll Width to 980px and Content Width to 100000px to see if that gives you a single line scroll.

Thanks Rahul:

I was also facing same sort of issue , I tried your suggested settings But still it aligns the stuff vertically not horizontally
Kindly guide me ragarding this ...

rahul's picture

Hi Idris, I wish I could have a look at the code, but currently, it's simply not possible owing to my engagements.

EDIT: This can be accomplished from javascript only. So, anyone who really wants to make it work this way, feel free to edit the ContentScroller.js file in the module package anyway it suits you.

Hi, i have problem to install this module in DNN 04.04.01

This is the error:

System.IndexOutOfRangeException: Indice oltre i limiti della matrice. in DotNetNuke.Modules.Admin.ResourceInstaller.PaFile.GetTextEncodingType(Byte[] Buffer) in DotNetNuke.Modules.Admin.ResourceInstaller.PaFile..ctor(ZipInputStream unzip, ZipEntry entry) in DotNetNuke.Modules.Admin.ResourceInstaller.PaInstaller.ReadZipStream() in DotNetNuke.Modules.Admin.ResourceInstaller.PaInstaller.Install()

Any suggestions ?
Thanks

rahul's picture

Hi Nicola, this module was created on DNN 4.8.x if I recall correctly. So, I think one reason might be incompatible DNN version.

Secondly, it could be related to the Encoding of the module's .dnn configuration file inside the zip. I recall I have faced similar problems and I extracted and opened the .dnn file, set its Encoding to UTF-8 probably, save it, update it back to the zip and then it installed successfully.

Thank you for your reply,
I tried Encode to UTF-8 the .dnn file and all scripts but doesn't work yet.
The error appears after the info "LoadScripts/Uninstall.SqlDataProvider"
but the Uninstall.SqlDataProvider file is a 0 byte file, this is correct ?

Hi,
I tried to create an Uninstall.SqlDataProvider file from Uninstall.sql
and now all files are read, but when the .dnn file is processed
this error
"Install aborted - The module being installed is not compatible with your host application version ( an upgrade is required )"
appears.
I think that this module doesn't work with dnn 4.04 :-(

rahul's picture

Hi Nicola, DNN 4.04 is a pretty old version. As already advised, this module was written on DNN 4.8 or DNN 4.9. So, its very less likely that it would work on DNN 4.4.

Hello:

I've been using announcements for a while now and came across your blog here.  My question is, do you know of a way (whether through your extension or otherwise) to make it so that the annoucements goes over two columns instead of just one?  On a large page, it looks awkward with just a little text, so i figured it would consolodate better with two columns.  I don't want to use two isntances of the module because if I add something to one, it won't increment the other.

rahul's picture

Hi Kyle, off my head, I cannot imagine something that would allow this natively. But the core Announcements module as well as this extension allows you to specify templates for the announcements. I have not tried this myself, but I belief with a smart use of templates and css, you should be able to achieve what you need.

If I recall correctly, there are different templates for alternating items. I think you can use something on the line of:

<tr><td>[Your actual template]</td>

for Item and:

<td>[Your actual template]</td></tr>

for Alternating item, and further specify <table> start and end tags in header and footer templates. This should give you your 2 column layout. Further, you can apply different css classes to Item and Alternating Item templates and use those to achieve still better visual results.

rahul's picture

If use you different templates as suggested above, you would need to take care when you have odd number of announcements to close the <tr> tag. I would rather have put the templates (Item and AlternatingItem) in a <div> tag, apply different css classes to the <div> tags and use :odd/:even css selectors to create a 2 column layout.

I installed the module on DNN4.9.5; the installation was ok but when I add the module to a page I get the error:

Indirect reference is being made to assembly DotNetNuke version 5.0.0.799, which contains 'Imbibe.DNN.Modules.Announcements.ViewAnnouncement'. This Project references a prior version of DotNetNuke version 4.9.5.5. To use 'Imbibe.DNN.Modules.Announcements.ViewAnnouncement', you must replace the reference to DotNetNuke with version 5.0.0.799 or higher.

Any help

rahul's picture

Hi Joe, its been sometime since I did anything with this module. It might be possible that the version of the module uploaded currently with the blog post was compiled with DNN 5, I actually do not recall it. Is it by any way possible that you upgrade to DNN 5.x (come on, DNN 6 is already out, DNN 4.x is pretty much obsolete now).

Hi,

I just installed the module and it is working fine but I have no idea about how to setup the page that contain the full description of the announcement. I tried to new a page and add the module, then select the page in the Announcment description page. The Read More of the announcement can go to the page correctly but there is no description there. Please help!

rahul's picture

Hi Jenny, I apologize for the delayed reply, I was hooked up to way too many things. After you drop the module on the page, please try clicking the "Add new Announcement" link towards the bottom of the module and try adding your announcement there. It would show up in the list and clicking it should take you to the description page for the announcement.

Post new comment

The content of this field is kept private and will not be shown publicly.
Type the characters you see in this picture. (verify using audio)
Type the characters you see in the picture above; if you can't read them, submit the form and a new image will be generated. Not case sensitive.

Recent comments