Register   Login
     
  Latest Posts  
RE: Lightbox not working on 2.04?
by wallacea on 12/02/2008 12:31 AM
RE: Lightbox not working on 2.04?
by smcculloch on 12/02/2008 12:20 AM
RE: Facebook-like Tagging People in Pictures...
by swebster on 12/02/2008 12:13 AM
Lightbox not working on 2.04?
by wallacea on 12/01/2008 11:45 PM
News Article css
by daviking on 12/01/2008 7:04 PM
RE: File Expiration Date
by jcochran on 12/01/2008 6:35 PM
RE: Set default value
by mariusm on 12/01/2008 6:29 PM
New Module - File Search
by jcochran on 12/01/2008 6:21 PM
RE: Display Name
by blob150 on 12/01/2008 3:07 PM
How to replicate the paging control at the top of the photos grid
by markjjordan on 12/01/2008 3:05 PM
  Forums  
Subject: Allow free layout for NA Latest
Prev Next
You are not authorized to post a reply.

Author Messages
Joe MaierUser is Offline
Gold Membership
Nuke Wiz
Nuke Wiz
Posts:182

9/18/2007 6:11 AM  

Hi Scott,

These days i've read some forum entry here dealing with a Newsticker and I've spent some time experimenting with News Artices -> JQuery integration, as this would allow for easy creation of some cute UI-effects, like fading Newstickers.

Many JQuery-Plugins i've seen request the data be rendered as an unordered list. But this is not possible with NA, as NA currently forces a table based layout.

What we need consequently is an "expert" mode, that allows for a completely free layout of the module's data.

E.g. something like this (i've replaced HTML braces with [ ])

Header: 

[ul id="news" class="newsticker"]

Body:

[li] [a href=[LINK]>[TITLE][/a] by [AUTHORUSERNAME] [div class="normal"] [SUMMARY:100] [/div]
[/li]

Footer:

[/ul]

If this would be possible any integration with JQuery would be quite easy.

Another option which would be very useful when integrating any Javascript libraries would be an option to "RegisterOnce" any scripts. This would prevent multiple module instances on a page to reference the same library multiple times. Maybe this is already part of DNN4.5+ - i just don't know.

What do yout think?

Cheers,
Joe

 


maiersoft internet solutions - www.maiersoft.de
Get your own managed DotNetNuke-Portal
Scott McCullochUser is Offline
Administrators
Nuke Master
Nuke Master
Posts:12548


9/18/2007 6:25 AM  
If you are in the layout mode, it should be free layout mode. Only advanced mode puts it in a datalist with the option to renders items per row.

So you would like a token that does a register once command?

Scott McCulloch
Site Administrator
Joe MaierUser is Offline
Gold Membership
Nuke Wiz
Nuke Wiz
Posts:182

9/18/2007 6:54 AM  

Oh man,
how could i miss this. Surely layout mode works perfectly for free layouts. Very cool!

You can see a prototype of a NewsArticle Latest - JQuery - Newsticker integration here:

http://www.wolfsbau.de/Joe/JQueryNewsTicker.aspx

This fading newsticker changes its content every 4 seconds. Hovering the mouse pauses the animation. In this prototype I have put the script-tags in the module's Header-section.

A RegisterOnce Tag would definitely be helpful, as integration of Javascript libraries becomes more and more important.

Cheers,
Joe


maiersoft internet solutions - www.maiersoft.de
Get your own managed DotNetNuke-Portal
Scott McCullochUser is Offline
Administrators
Nuke Master
Nuke Master
Posts:12548


9/18/2007 7:53 AM  
That looks awesome! Great Work!

Scott McCulloch
Site Administrator
John TravoltaUser is Offline
Gold Membership
Nuke Addict
Nuke Addict
Posts:70

9/19/2007 8:05 AM  
Posted By maiersoft on 9/18/2007 6:54 AM

Oh man,
how could i miss this. Surely layout mode works perfectly for free layouts. Very cool!

You can see a prototype of a NewsArticle Latest - JQuery - Newsticker integration here:

http://www.wolfsbau.de/Joe/JQueryNewsTicker.aspx

This fading newsticker changes its content every 4 seconds. Hovering the mouse pauses the animation. In this prototype I have put the script-tags in the module's Header-section.

A RegisterOnce Tag would definitely be helpful, as integration of Javascript libraries becomes more and more important.

Cheers,
Joe


it's great looking stuff. How did you do it ? "scrip tags in module's Header-section" ?

Could you please explain that to ignorant dnn lover ?

Thanks

Joe MaierUser is Offline
Gold Membership
Nuke Wiz
Nuke Wiz
Posts:182

9/19/2007 10:58 AM  

Glad you like it. It's easy enough, as the jquery javascript guys already did the hardcore stuff.
But OK - for all DNN-Lovers, and especially for Scott's module-lovers i've prepared a little tutorial:

http://www.wolfsbau.de/Joe/JQueryNewsTicker.aspx

Hope this helps,

Joe


maiersoft internet solutions - www.maiersoft.de
Get your own managed DotNetNuke-Portal
John TravoltaUser is Offline
Gold Membership
Nuke Addict
Nuke Addict
Posts:70

9/19/2007 12:33 PM  

Thanks Joe !

I think that litle things like this (as you aforesaid: "cute UI-effects") would make Scott's modules absolutely perfect !

Thanks again for sharing this with us all.

John T.

Steve TopilnyckyUser is Offline
Gold Membership
Nuke Wiz
Nuke Wiz
Posts:175


9/19/2007 1:26 PM  
I'll second that.. Thanks for sharing.. These two items make for a great effect!

--
Regards,
Steve Topilnycky
Top Cat Computing | Marine Corps League - Westchester County Detachment | ArGoStuff | Young Marines of Westchester
You are not authorized to post a reply.
Forums > Modules > News Articles > Allow free layout for NA Latest



ActiveForums 3.7