BHG: Survey Page Updates

[khaled]

Updates and Fixes for the Survey Page

QA from Brent 122209
Ubuntu - Firefox 3.1

survey page:

- the heading background for a new question should be a slightly darker grey than the heading background for an answer.... similar to the live site.

- the answer image is showing up on top of the question pic (http://devbaby.healthgurumedia.com/applications/survey/srvyid/8/qid/82) This appears to be an issue related to larger text causing the image to move.

[lila]

QA--Lila. Dec 10, 2009

Survey Question/Answer
http://baby.healthguru.com/applications/survey/srvyid/17/qid/204

1. please make the gray question title bar hex#:c0c0c0
2. the answer title bar stays hex#:e7e7e7
*we are doing this to emphasize the next question since it is below the answer to the previous question (you can reference this PHG survey page: http://pregnancy.healthguru.com/applications/survey/srvyid/31/Teen_Pregnancy_Survey )
3. change the 'next question' button--the text doesn't fit in it on some browsers. i realize that this is a default button, which is great, but is it possible to find one with rounded edges like our other buttons? thanks!

[lila]

QA--Lila. Dec 14, 2009

ie 07

1. will not allow me to get results--lightbox appears saying "IE cannot open the Internet site...operation aborted"

[deepu]

1. will not allow me to get results--lightbox appears saying "IE cannot open the Internet site...operation aborted" ----works fine in normal IE in Dev but not functioning properly in live site.

[maryann]

1. please make the gray question title bar hex#:c0c0c0
2. the answer title bar stays hex#:e7e7e7
*we are doing this to emphasize the next question since it is below the answer to the previous question (you can reference this PHG survey page: http://pregnancy.healthguru.com/applications/survey/srvyid/31/Teen_Pregnancy_Survey )<--- changed it to #d9d9d9 to be less jarring as per discussion with lila
3. change the 'next question' button--the text doesn't fit in it on some browsers. i realize that this is a default button, which is great, but is it possible to find one with rounded edges like our other buttons? thanks!<--- should look better now

[khaled]

QA from Brent 122209
Ubuntu - Firefox 3.1

survey page:

- the heading background for a new question should be a slightly darker grey than the heading background for an answer.... similar to the live site.

- the answer image is showing up on top of the question pic (http://devbaby.healthgurumedia.com/applications/survey/srvyid/8/qid/82) This appears to be an issue related to larger text causing the image to move.

[maryann]

Replying to khaled:

QA from Brent 122209
Ubuntu - Firefox 3.1

survey page:

- the heading background for a new question should be a slightly darker grey than the heading background for an answer.... similar to the live site.<--- it is currently a slightly darker gray. This ticket originally called for the color to be #c0c0c0, but we felt that adding another shade of gray that is used nowhere else on the site is inconsistent, and also shockingly dark when actually implemented. Instead we used #d9d9d9.

- the answer image is showing up on top of the question pic (http://devbaby.healthgurumedia.com/applications/survey/srvyid/8/qid/82) This appears to be an issue related to larger text causing the image to move. <---did this by setting the width of the containing box and floating it left instead of right.

[brent]

- the heading background for a new question should be a slightly darker grey than the heading background for an answer.... similar to the live site.<--- it is currently a slightly darker gray. This ticket originally called for the color to be #c0c0c0, but we felt that adding another shade of gray that is used nowhere else on the site is inconsistent, and also shockingly dark when actually implemented. Instead we used #d9d9d9.

[Brent] the point of this color change is to draw the eye down to the next question as our current design requires that the answer is on top giving us a design challenge to get the viewer to move down the page to complete the next question. On a low contrast screen the color difference as it is now is barely perceptible.. Is there a darker grey that can be used?

[maryann]

Replying to brent:

- the heading background for a new question should be a slightly darker grey than the heading background for an answer.... similar to the live site.<--- it is currently a slightly darker gray. This ticket originally called for the color to be #c0c0c0, but we felt that adding another shade of gray that is used nowhere else on the site is inconsistent, and also shockingly dark when actually implemented. Instead we used #d9d9d9.

[Brent] the point of this color change is to draw the eye down to the next question as our current design requires that the answer is on top giving us a design challenge to get the viewer to move down the page to complete the next question. On a low contrast screen the color difference as it is now is barely perceptible.. Is there a darker grey that can be used?

I changed it to #bababa, which is a background color used also on the search page in smaller quantity (tabs).

[khaled]

Moving to Awaiting Release. Please freeze all future development.