Newsscoller or News ticker

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

Please do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.

This forum is for discussing mojoPortal development

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

You can monitor commits to the repository from this page. We also recommend developers to subscribe to email notifications in the developer forum as occasionally important things are announced.

Before posting questions here you might want to review the developer documentation.

Do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.
This thread is closed to new posts. You must sign in to post in the forums.
11/2/2010 9:59:52 AM
Gravatar
Total Posts 4

Newsscoller or News ticker

Newsscoller or News ticker

 

I am very happy to Mojoportal, but I missing a News scoller or news ticker to put on the front to my site that show the latest all the time from example blog with the different categories, does anyone have a solution or can help me.

Best Regards

Frank

Danmark

 

11/2/2010 12:21:43 PM
Gravatar
Total Posts 18439

Re: Newsscoller or News ticker

I found this with a little googleing

http://www.learningjquery.com/2006/10/scroll-up-headline-reader

I will try to integrate this or something similar into Feed Manager when I get a chance.

Best,

Joe

11/2/2010 1:11:44 PM
Gravatar
Total Posts 108
Community Expert

Re: Newsscoller or News ticker

I found an easy way to make feed manager to show the scroller, but you have to change a bit of code. I use jquery as Joe suggests. The js and a detailed explanation of the code can be found here

http://maxvergelli.wordpress.com/2010/09/18/how-to-create-a-scrolling-text-with-jquery-scroller-plugin/ 

you need to modify the FeedManagerModule.ascx and add a new style (rssentries) in the divFeedEntries panel,  after that your code has to look like this

<asp:Panel ID="divFeedEntries" runat="server" CssClass="rsscenter-rightnav rssentries" SkinID="plain">

the code for make the script working  is 

  <script src="./Data/Sites/1/ClientScript/jquery.Scroller-1.0.min.js" type="text/javascript">

  <script type="text/javascript">
        $(document).ready(function() {
            //create scroller for each element with "vertical scroller" class...
            $('.novedades').find('.rsswrapper').SetScroller({ velocity: 60,
            direction: 'vertical',
            startfrom: 'bottom',
            loop: 'infinite',
            movetype: 'linear',
            onmouseover: 'pause',
            onmouseout: 'play',
            onstartup: 'play',
            cursor: 'pointer'
            });
        });
</script>

you have to add this in your layout.master.

in your style.css add the following  

.novedades
{
    border:2px solid #E5E5E5;
background-color:#E5E5E5;
text-align:center;
position:relative;
display:block;
overflow:hidden;
}
   

.novedades .rsswrapper { position:relative;
display:block;
overflow:hidden;
height:150px;}

 

.novedades .rssentries
{
position:absolute;
}

 

the last thing to do, after you include your feed manager module in the page, it's to use the custom css option  and put there novedades.

 

Joe maybe you could include this for the next release because is not so difficult.  

11/3/2010 11:38:28 AM
Gravatar
Total Posts 4

Re: Newsscoller or News ticker

Many thanks to germandb and Joe for their response.

I was hoping there was an easier way to do it because I'm not the great programmer but just a user of mojoportal :-(

Had perhaps hoped Joe had said I can see there missing a News module or sticker you can put on the front site or where you want it, so it could show the latest news being put in the blog, or you can choose where it would take the news from to the news module or sticker.

Best Regards

Frank

Danmark

 


 

11/3/2010 11:50:45 AM
Gravatar
Total Posts 1196
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Newsscoller or News ticker

Don't worry Frank. Joe already said he will eventually work this into feed manager.  I'm looking forward to this as well.

In the meantime, you can do something like this without any programming, just a bit of extra maintenance on your part. Take a look at the release notes for mojoPortal 2.3.1.9, where Joe added rotation of images or paragraphs in the HTML module. You'd need to manually maintain a list of your news posts, one per <p>aragraph, and they will be rotated as specified in the HTML module settings.

One other tip is that if you want to be able to click on a link or image within each rotating paragraph, use anchor syntax like this:

<a onclick="window.open(this.href,'_self');return false; " href="/mynewspage.aspx">Read this</a>

Hope that helps you until Joe comes to the rescue. laugh

Jamie

11/25/2010 4:56:33 AM
Gravatar
Total Posts 12

Re: Newsscoller or News ticker

Hi,

   I'm interested on this features. I follwed all the istruction of germandb but nothing happened, i see the div with the first news, but the there is not scrolling. All the css classes in the html generated page are correctly.

The js files are in the correct directory.

How can i understand which is the problem?

In the layout master where i've to add the code ?

 

Thanks for your help

 

11/25/2010 7:05:06 AM
Gravatar
Total Posts 18439

Re: Newsscoller or News ticker

I recommend don't fork the code, I have it on my to do list to implement something for this, maybe the same one germandb suggested but I'm looking at other solutions as well. Probably I will do this in time for the next release of mojoPortal.

11/26/2010 1:31:09 PM
Gravatar
Total Posts 18439

Re: Newsscoller or News ticker

fyi, I implemented this today using the script that germandb recommended. It is in the source code repository now and will be in the next release of mojoPortal.

Best,

Joe

11/27/2010 4:33:55 PM
Gravatar
Total Posts 1196
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: Newsscoller or News ticker

Awesome Joe, thank you! This will definitely come in handy for us.

11/30/2010 7:05:51 AM
Gravatar
Total Posts 108
Community Expert

Re: Newsscoller or News ticker

It's good to know, that I can put my grain of sand to this great project.

Joe thanks for the great work

12/1/2010 7:04:56 AM
Gravatar
Total Posts 18439

Re: Newsscoller or News ticker

Hi germandb,

Thank you for the pointer to this scroller! It was much easier to use than some of the others I looked at.

And also thanks because I have noticed you helping people here in the forums, that is a big help to the project! We need more people like you in our community who are willing to share the things they have learned about using mojoPortal.

Best,

Joe

You must sign in to post in the forums. This thread is closed to new posts.