[NBP web-reskin] Re: POC Status on the Homepage

[Ward, Richard]

The image name was my fault.  The image location and names are stored in a JavaScript array and I forgot to update them before the code was migrated.

________________________________
From: web-reskin-bounces at nbp.org [mailto:web-reskin-bounces at nbp.org] On Behalf Of Steve DiDomenico
Sent: Wednesday, January 13, 2010 9:17 PM
To: 'Discussions regarding the 2009 UI reskin of nbp.org'
Subject: RE: [NBP web-reskin] Re: POC Status on the Homepage

Hi All,

This is the first "real" attempt at integrating the (4) new templates and the homepage content. I think we are making progress.

First off are we all clear on where images for homepage are going to be located and how the @ sign is used in ITL to provide the path?

As Edie taught us, all .html pages have to start by referencing a template like this used in index.html and index2.html for Camp29:

@_TITLE_@

Here are the (4) high level directory paths we need to be concerned with and it's the @ sign in ITL that gets us there:

HTML pages - catalogs/nbp/pages
Templates -  catalogs/nbp/templates/regions
Images - htdocs/nbp/images
CSS files - htdocs/nbp

Also please remember that Edie has been modifying the directory structure to better organize the files for the new web site. She has documented these changes in /home/fidelity_camp/productionfiles/Content_Matrix.xls. Please refer to it.

So when doing offline development and testing of a page or template, it is important to take in consideration the path names.

In addition I would like to bring the ITL [area] tag back into the conversation soon.


________________________________
From: web-reskin-bounces at nbp.org [mailto:web-reskin-bounces at nbp.org] On Behalf Of Richard Ward
Sent: Wednesday, January 13, 2010 8:13 PM
To: Discussions regarding the 2009 UI reskin of nbp.org
Subject: [NBP web-reskin] Re: POC Status on the Homepage

Okay - the rotating image wasn't crashing.  The image files were missing so I copied them over.  I also updated the JavaScript code in the templates because they had the wrong URL to the images.

However the page renders really badly so I think that is the next step.  I'm not sure if the issue is when the code was converted over to the interchange templates or if there is a problem with the native code.  I'm not sure how much more time I'm going to get to spend on this tonight but I think there is a lot of work still to do and I think for me it will probably have to wait until the weekend.

Steve - not sure if you can shed any light on the issue.  I forget if we ever had the native code all working as one big happy page, including the rotating images etc. I have a feeling we never did combine them all and I think that might have been a mistake on our part.  I think the next step should be to go back to the individual HTML pieces and combine them into one regular html page and see if we can get that working.  Then I think we can look at breaking them apart again and making the interchange templates.  I think until we can prove that our pieces all work together nicely in a regular HTML page we should hold off on the interchange conversion work.

Steve - I have updated the following template files on camp29: MENU_BAR, TITLE and TOP_BANNER

What are everyone else's views on this?  I don't mind trying to combine everything together over the weekend into a working HTML page.  Once that's working fine I can break it up again and pass the pieces onto Steve to rebuild into templates.

Steve - do you still have time to help out on this or should we pickup the interchange part ourselves now?

On Wed, Jan 13, 2010 at 3:27 PM, Ward, Richard <richard.ward at fmr.com<mailto:richard.ward at fmr.com>> wrote:
If you do a search on "rotateimage(0)".  You will see it's being executed twice in the page.  This is probably causing the issue.


________________________________
From: Ward, Richard
Sent: Wednesday, January 13, 2010 3:19 PM
To: 'Steve DiDomenico'; Patel, Komal
Cc: Prabhakar, V

Subject: RE: POC Status on the Homepage

Another issue might be that the menu code is in the page twice.  I did a view source and I see it in the HEAD section as well as down in the BODY.

________________________________
From: Steve DiDomenico [mailto:swdidomenico at comcast.net<mailto:swdidomenico at comcast.net>]
Sent: Tuesday, January 12, 2010 6:05 PM
To: Patel, Komal
Cc: Ward, Richard; Prabhakar, V
Subject: RE: POC Status on the Homepage

Okay, thanks.

________________________________
From: Patel, Komal [mailto:komal.patel at fmr.com<mailto:komal.patel at fmr.com>]
Sent: Monday, January 11, 2010 11:42 AM
To: Steve DiDomenico
Cc: Ward, Richard; Prabhakar, V
Subject: RE: POC Status on the Homepage

thanks Steve,

Looks like rotatImage(0) onload javascript might be causing problem... We need to go back and look at the template. I will take look at template.

Thanks
Komal

________________________________
From: Steve DiDomenico [mailto:swdidomenico at comcast.net<mailto:swdidomenico at comcast.net>]
Sent: Sunday, January 10, 2010 10:26 PM
To: Patel, Komal; Ward, Richard; Prabhakar, V
Subject: POC Status on the Homepage
Hi Guys,

I have pieced together the homepage page using Komal's template changes from 12/10.

Here is the page using a version of master.css that contains all the Style Sheet code and all (4) of our templates TITLE, MENU_BAR, TOP_BANNER, and FOOTER.

http://29.camp.nbp.temphost.net:9029/ic/nbp/index2.html

Komal, I see how your template works when in page /home/fidelity_camp/camp30/mychanges/Top_Banner.html. I'm not sure why it's doing what it's doing.  I put the JavaScript "rotateImage(0);" in the template TITLE was we talked about. Also I think the Style Sheets in TOP_BANNER are different than the ones in master.css.  I ran a test and removed the Style Sheets from TOP_BANNER and the page really got out of alignment. This is not the version that is currently running.

Right now TITLE, MENU_BAR, and TOP_BANNER all have the Style Sheet code both in the template and in master.css.

Next I'm going to test Template TITLE and MENU_BAR with StylesNew.css and MenuBar.css removed.





-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://www.nbp.org/pipermail/web-reskin/attachments/20100114/56396ec9/attachment-0001.html