Extra caution is recommended when installing recently uploaded/updated scripts (read more)
Be sure you trust any scripts you install

NewsGator Custom UI

Many Customizable Twaks to the Excellent NewsGator Interface

Many small changes to the NewsGator Online UI. Most all are customizable. Just edit the script and you will see a lot of variables that are true/false and colors, sizes, etc. Play around with it. Turn things on and off. Right now its set to how I like it, but you can change it however you want.

Here are some things it does:

-On Folder View (newspaper view), it puts the website name after the title of the post so you don't have to scroll down to the bottom of the post to see who wrote it.

-Condensed the spacious left Nav tree for a more compact look.

-Don't do line wraps for long feed names (to save space in the nav tree)

-Add a slightly darker border to every other post. Makes it easier to see where posts end and the next one begins.

-Options to remove the "Tip", "Latest Buzz", "Factiva", and "Help" boxes

and finally, Bigger Article Titles!




Jan 27, 2006
Paul Bardo User

Here we go, I think I found a way to make the post readable

<xmp>
Yeah, and they hint that more changes are coming. You might want to just wait a bit to update it.

But don't give up Mark, I'm still using this. (Although modified, see below)

I originally loved this script just to see the feed name at the top. They fixed that now, but I still can't read the small font so I went ahead and fixed a couple of things.

The fontsize code still mostly works, but they started playing around with "line-height" so you have to override that too.

divsPostDivArray[i].style.fontSize = '1.3em';
divsPostDivArray[i].style.lineHeight = '1.3em';

If you want the old "every other post is bluish" look back, you can do this

//* Alt-Entry Border *//
if(useOutlinesForAlternatingStories == 'true'){
var allEntries, thisEntry;
allEntries = document.evaluate(
"//DIV[@class='entry'][position() mod 2 = 0 ]",
document,
null,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
null);
for (var i = 0; i < allEntries.snapshotLength; i++) {
thisEntry = allEntries.snapshotItem(i);
thisEntry.style.border = '1px solid '+altOutline;
thisEntry.style.backgroundColor = altBackground;
}

allEntries = document.evaluate(
"//DIV[@class='entry-line']",
document,
null,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
null);
for (var i = 0; i < allEntries.snapshotLength; i++) {
thisEntry = allEntries.snapshotItem(i);
thisEntry.parentNode.removeChild(thisEntry);
}
}

and then set 'altOutline' and a new 'altBackground' to whatever. I used

var altOutline = '#C6DDF2';
var altBackground = '#F0F8FF';

</xmp>

 
Jan 27, 2006
Paul Bardo User

OK, text formatting does not stick in these comments.

Umm, cut and paste the part between "you can do this" and "and then set"

 
Jan 27, 2006
Paul Bardo User

Yeah, and they hint that more changes are coming. You might want to just wait a bit to update it. But don't give up Mark, I'm still using this. (Although modified, see below)

I originally loved this script just to see the feed name at the top. They fixed that now, but I still can't read the small font so I went ahead and fixed a couple of things.

The fontsize code still mostly works, but they started playing around with "line-height" so you have to override that too.

divsPostDivArray[i].style.fontSize = '1.3em';
divsPostDivArray[i].style.lineHeight = '1.3em';

If you want the old "every other post is bluish" look back, you can do this

//* Alt-Entry Border *//
if(useOutlinesForAlternatingStories == 'true'){
var allEntries, thisEntry;
allEntries = document.evaluate(
"//DIV[@class='entry'][position() mod 2 = 0 ]",
document,
null,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
null);
for (var i = 0; i < allEntries.snapshotLength; i++) {
thisEntry = allEntries.snapshotItem(i);
thisEntry.style.border = '1px solid '+altOutline;
thisEntry.style.backgroundColor = altBackground;
}

allEntries = document.evaluate(
"//DIV[@class='entry-line']",
document,
null,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
null);
for (var i = 0; i < allEntries.snapshotLength; i++) {
thisEntry = allEntries.snapshotItem(i);
thisEntry.parentNode.removeChild(thisEntry);
}
}

and then set 'altOutline' and a new 'altBackground' to whatever. I used

var altOutline = '#C6DDF2';
var altBackground = '#F0F8FF';

 
Jan 27, 2006
Mark Husson Script's author

Ug. As of 1/26/06, they changed the layout making most all of this script useless. If anyone wants me to revive it, let me know what you would like to see and I'll code it up.

 
Jan 23, 2006
Mark Husson Script's author

I updated the script as of 1/23/06. Everything works except the condensation of the feed list. I also added custom font size for articles for Paul Bardo.

pntless, I used your tip for the Tip Box, thanks. Also, I just read your comemnt about the number of unread items in the title bar. I like it. Maybe I'll work on that sometime. In the meantime, do you know about this firefox extension?
http://blog.arvind-satya.com/archives/2005/10/n...
it adds an unread count to the firefox toolbar.

 
Dec 10, 2005
pntless User

As I've only started using NG, I don't know if they've maybe changed anything. Regardless, I got the Tip hider working by changing "if(document.getElementById('content').innerHTML.indexOf('
To display posts for a particular feed or folder, select the feed or folder from') > 0){"
to "if(document.getElementById('content').innerHTML.indexOf('Get the most out of NewsGator Online') > 0){". Thanks again.

 
Dec 10, 2005
pntless User

First off, thanks for this excellent script Mark.

I have been using bloglines, but when I saw your post in the flickr Hacks group mentioning this script and suggesting newsgator I decided to give it a go. So far I am loving it, and this script has an awful lot to do with that.

I can't get the Tip hider to work, but I am assuming that is my problem and I'll figure out why sooner or later. I do have a feature suggestion though, if it is possible and if you have time, it would be great to be able to see the number of unread articles in the title bar.

 
Dec 8, 2005
Mark Husson Script's author

Seems to work now on Firefox 1.5 / GM 0.6.4.
Paul, I just now noticed your comment. I will try and add that extra tweak into the script when I get a chance. I'm glad you like it!

 
Nov 30, 2005
Paul Bardo User

OK, It wasn't too hard to make code to change the text size for the posts. Just added another DIV array for 'postdiv' and it works just fine.

Thanks again for the great script.

 
Nov 30, 2005
Paul Bardo User

Mark, This script is great. Moving the feed name up to the top of each post is worth the install alone. The only thing I'd like to see added (and I've tried to code it myself and keep messing up) is the ability to increase the overall post text size/font the same as you did for the title.

Great work.

You could comment on this script if you were logged in.