New web interface available for testing - Page 60

**Sherry** · 7 Dec 2008, 02:11 AM

Quote:

Originally Posted by rabarberski

Edit: Oops, Sherry (following Neil's post below), I've read your post to fast, I thought you referred to hadaso's javascript code.

Thanks for helping anyway. hadaso's JS works fine.

Thanks Neil. I was going nuts trying to figure out what I was doing wrong. Putting text there to identify each of my accounts was a great thing. Guess I'll have to wait until I see if you guys will let us use the "Full Name" field in Preferences to put our text in.

Sherry

hadaso · 7 Dec 2008, 03:50 AM

Quote:

Originally Posted by rabarberski

@hadaso: nice!

I've put your code on the JS examples wiki page. I've also added some more code to it so that the " | " at the end is not part of the link.

And now I've edited it a bit to use the new id's introduced (and the editing in the interface is great! with webdeveloper it was actually showing element ids and classes, copying into the textarea in the same page, then saving and have the page change! cool!)
I'm not sure innerhtml is the best way to do it. I'm not close to being a javascript programmer. I know using "innerhtml" is considered a "sin" among some javascript programmers. It works though!

I prepended all variable identifiers in my tweaks.js with "twk" to avoid conflicts with whatever else is running in the interface. Perhaps we should have some naming conventions so that code snippets can easily be shared among users.

Quote:

Originally Posted by Sherry

... Guess I'll have to wait until I see if you guys will let us use the "Full Name" field in Preferences to put our text in.

No you won't!
I've posted a two line javascript snippet on the NewInterfaceJS wiki page that changes the displayed email addres to arbitrary text. (It will be four lines with the code that needs to wrap it. That's also in that wiki page). And I tested it and it works on IE6.
tweaks.js is

hadaso · 7 Dec 2008, 04:32 AM

The keyboard action menu come up when typing "." (a period). Then one can use either the keyboard or the mouse to select actions. I was wondering whether it is a good idea to also allow it to come up with some mouse action, such as double-click (or if it's doable using custom javascript)/

**Sherry** · 7 Dec 2008, 06:40 AM

Quote:

Originally Posted by hadaso

No you won't!
I've posted a two line javascript snippet on the NewInterfaceJS wiki page that changes the displayed email addres to arbitrary text. (It will be four lines with the code that needs to wrap it. That's also in that wiki page). And I tested it and it works on IE6.

Thank You, Thank You, Thank You... Works great with IE7 also.

Question:

Is there a way to color the text and also to align it to the left of the menu bar?

Sherry

EDIT: I figured out the color part so just need to align to the left if possible.

rabarberski · 7 Dec 2008, 05:44 PM

Quote:

Originally Posted by hadaso

I prepended all variable identifiers in my tweaks.js with "twk" to avoid conflicts with whatever else is running in the interface. Perhaps we should have some naming conventions so that code snippets can easily be shared among users.

Seems like a good idea Hadaso, especially for functions. (don't have any practical suggestions though)

neilj · 7 Dec 2008, 11:14 PM

Quote:

Originally Posted by rabarberski

Seems like a good idea Hadaso, especially for functions. (don't have any practical suggestions though)

There should be no need to introduce new global variables even with really quite complex code. All of the tweaks are probably going to be inside a:

Code:

window.addEvent('domready', function(){
 // code goes here
});

Provided that you remember to declare each variable properly the first time you use it by using the var keyword (e.g. var myVariable = 3

the variable is confined to the local scope of the containing function so can't interfere with our variables.

Neil

hadaso · 8 Dec 2008, 05:45 AM

I tried to use this js library with tweaks.js, but I don't see how I can get the interface to include the the file. The instructions there say to put

Code:

<script type="text/javascript" src="wz_tooltip.js"></script>

immediately after the <body> tag. trying

Code:

var twktooltiplib = document.createElement('script');
twktooltiplib.setAttribute('type', 'text/javascript');
twktooltiplib.setAttribute('src', 'lib/wz_tooltip.js');
insertBefore(twktooltiplib,document.childNodes[1].firstChild);

failed even inside a "window.addevent".

Code:

document.getElementsByTagName("head")[0].appendChild(twktooltiplib)

was a bit more "successful" in that at least the filename was listed when viewing javascript source (using "web developer" extension in FireFox).but it showed the page's html instead of the contents of the javascript file. I guess the problem is the file's address.

ndoylend · 10 Dec 2008, 06:28 AM

Ctrl+Click doesn"t work as expected in the rich text compose screen - Just gives three cut/copy/paste options rather than the standard menu of options (incl. spelling correction/search in Google/etc). This is in Safari on the Mac by the way.

Otherwise first looks are OK, although everything could be tightened up a bit on screen (e.g. buttons are a bit big, tool bar doesn't resize too well in small windows, wasted space a bit of a problem compared with the older stylesheet I was using, which seemed to give more on screen).

Also liked the way the advanced screen used to be, new layout appears to mimic the basic screen more. Maybe option to change default exists, haven't investigated much.

Will take a bit of getting used to but do look forward to seeing the final version when it's tightened up a bit.

Ver: r17187

Sorry if this has already been mentioned - 60 pages of messages on this very popular single thread is a bit much to skim through.

Nick

COUME · 12 Dec 2008, 06:58 PM

Do you think that it is possible, thanks to a CSS tweak, to reduce the length of the 2 drop-downs in "show more options" view of emails?

Thanks
Ludo

Mystakill · 12 Dec 2008, 08:42 PM

Quote:

Originally Posted by COUME

Do you think that it is possible, thanks to a CSS tweak, to reduce the length of the 2 drop-downs in "show more options" view of emails?

Changing the width is easy, but changing the height would likely require some JavaScript. To change the width, use the following and change 15em to whatever width you'd prefer:

Code:

.messageActions, .jumpPoints { width: 15em }

COUME · 12 Dec 2008, 08:58 PM

Thanks a lot

I just have to remove the Delete button now, and I will finally be able to have all the option on a single line!

Mystakill · 12 Dec 2008, 10:55 PM

Quote:

Originally Posted by COUME

I just have to remove the Delete button now, and I will finally be able to have all the option on a single line!

Kind of like this: http://mystakill.fastmail.net/custom-ui/message.jpg?

It doesn't scale down well on lower resolutions (<1440x900) at the moment. Part of the problem is that I still need to remove the "Next" and "Previous" text, and just display the arrows instead. I'll work on that when I have time. I also need to clean up & reorganize all of the quick & dirty tweaks I've been making since the new interface was released.

Edit: I just noticed that the .nextPrev div blocks the reply/forward buttons due to the higher z-index. Also, the bottom rows are not currently condensed. I'll definitely have to fix those issues before I recommend anyone else use those tweaks.

Edit: OK. I added a higher z-index to .messageActions and .secondaryActions to put it in front of the nav links.

the bishop · 12 Dec 2008, 11:34 PM

I'm getting an odd error from Lifehacker emails that are sent via rssfwd. It seems to actually reconstruct the entire fastmail layout, putting most of the interface below the message.

See these:

(top of message, notice nothing on the left side)
http://img212.imageshack.us/img212/1175/capture1nl8.jpg

(bottom of message, rest of folderlist goes off down the page)
http://img152.imageshack.us/img152/1152/captureif8.jpg

Think this might be an odd bug or some such?

COUME · 13 Dec 2008, 01:53 AM

Quote:

Originally Posted by the bishop

I'm getting an odd error from Lifehacker emails that are sent via rssfwd. It seems to actually reconstruct the entire fastmail layout, putting most of the interface below the message.

See these:

(top of message, notice nothing on the left side)
http://img212.imageshack.us/img212/1175/capture1nl8.jpg

(bottom of message, rest of folderlist goes off down the page)
http://img152.imageshack.us/img152/1152/captureif8.jpg

Think this might be an odd bug or some such?

Yep, it's a known bug. I also experience it with LinkedIN emails.
It is really annoying so I hope that FM will soon find a way to fix it.

JMac · 13 Dec 2008, 03:09 AM

There is also a problem viewing some newsletters also. One example is the Windows Secrets newsletter. A second vertical scrollbar appears on the right, inside the regular Windows scrollbar, but it only has to scroll about 1/4 of an inch. So when you try to scroll with the mouse scroll wheel or the down arrow key it stops after it moves 1/4" and then the only way to scroll is to grab the Windows scrollbar and drag it down.

I ended up creating a rule to automatically forward it as new to Gmail, where I can re4ad it normally. Oddly enough, one that I received like this could scroll even with two scrollbars, but most won't.

Jim

7 Dec 2008, 04:32 AM	#888
hadaso The "e" in e-mail Join Date: Oct 2002 Location: Holon, Israel. Posts: 4,833	Keyboard action menu The keyboard action menu come up when typing "." (a period). Then one can use either the keyboard or the mouse to select actions. I was wondering whether it is a good idea to also allow it to come up with some mouse action, such as double-click (or if it's doable using custom javascript)/

8 Dec 2008, 05:45 AM	#892
hadaso The "e" in e-mail Join Date: Oct 2002 Location: Holon, Israel. Posts: 4,833	I tried to use this js library with tweaks.js, but I don't see how I can get the interface to include the the file. The instructions there say to put Code: <script type="text/javascript" src="wz_tooltip.js"></script> immediately after the <body> tag. trying Code: var twktooltiplib = document.createElement('script'); twktooltiplib.setAttribute('type', 'text/javascript'); twktooltiplib.setAttribute('src', 'lib/wz_tooltip.js'); insertBefore(twktooltiplib,document.childNodes[1].firstChild); failed even inside a "window.addevent". Code: document.getElementsByTagName("head")[0].appendChild(twktooltiplib) was a bit more "successful" in that at least the filename was listed when viewing javascript source (using "web developer" extension in FireFox).but it showed the page's html instead of the contents of the javascript file. I guess the problem is the file's address.

10 Dec 2008, 06:28 AM	#893
ndoylend Junior Member Join Date: Jun 2004 Posts: 26	Safari Ctrl+Click & General Comments Ctrl+Click doesn"t work as expected in the rich text compose screen - Just gives three cut/copy/paste options rather than the standard menu of options (incl. spelling correction/search in Google/etc). This is in Safari on the Mac by the way. Otherwise first looks are OK, although everything could be tightened up a bit on screen (e.g. buttons are a bit big, tool bar doesn't resize too well in small windows, wasted space a bit of a problem compared with the older stylesheet I was using, which seemed to give more on screen). Also liked the way the advanced screen used to be, new layout appears to mimic the basic screen more. Maybe option to change default exists, haven't investigated much. Will take a bit of getting used to but do look forward to seeing the final version when it's tightened up a bit. Ver: r17187 Sorry if this has already been mentioned - 60 pages of messages on this very popular single thread is a bit much to skim through. Nick

12 Dec 2008, 06:58 PM	#894
COUME Master of the @ Join Date: Apr 2002 Location: Twickenham, UK Posts: 1,306	Do you think that it is possible, thanks to a CSS tweak, to reduce the length of the 2 drop-downs in "show more options" view of emails? Thanks Ludo

12 Dec 2008, 08:58 PM	#896
COUME Master of the @ Join Date: Apr 2002 Location: Twickenham, UK Posts: 1,306	Thanks a lot I just have to remove the Delete button now, and I will finally be able to have all the option on a single line!

12 Dec 2008, 11:34 PM	#898
the bishop Cornerstone of the Community Join Date: May 2005 Location: San Antonio, Texas Posts: 676	I'm getting an odd error from Lifehacker emails that are sent via rssfwd. It seems to actually reconstruct the entire fastmail layout, putting most of the interface below the message. See these: (top of message, notice nothing on the left side) http://img212.imageshack.us/img212/1175/capture1nl8.jpg (bottom of message, rest of folderlist goes off down the page) http://img152.imageshack.us/img152/1152/captureif8.jpg Think this might be an odd bug or some such?

13 Dec 2008, 03:09 AM	#900
JMac Essential Contributor Join Date: Jul 2007 Location: USA Posts: 377	There is also a problem viewing some newsletters also. One example is the Windows Secrets newsletter. A second vertical scrollbar appears on the right, inside the regular Windows scrollbar, but it only has to scroll about 1/4 of an inch. So when you try to scroll with the mouse scroll wheel or the down arrow key it stops after it moves 1/4" and then the only way to scroll is to grab the Windows scrollbar and drag it down. I ended up creating a rule to automatically forward it as new to Gmail, where I can re4ad it normally. Oddly enough, one that I received like this could scroll even with two scrollbars, but most won't. Jim