3.1 Preview and related issues

Please post your questions, bug reports and experiences (good or bad) here. UNL.edu Platform v 3.1 is scheduled for delivery on March 13, 2012, and to be fully implemented on April 10, 2012.

UNL.edu 3.1 is not a visual redesign. Rather it is a rearchitecting of the codebase to HTML5 standards and responsive web design. It also adds richer support for accessibility, including ARIA landmarks.

The WDN development team is working on documentation, a previewer and other tools to aid in the transition process. If you'd like to help, please post under the "I'll Help" discussion or in the WDN chat.

3.1 Preview and related issues

Postby bbieber2 » Thu Feb 16, 2012 11:44 am

To preview a UNL templated web page using the new 3.1 revision templates, follow this link:

http://go.unl.edu/31preview

Change the u= parameter to the URL you'd like to preview.

Please post any issues you have here. Thanks!
bbieber2
 
Posts: 58
Joined: Mon Nov 05, 2007 1:28 pm

Re: 3.1 Preview and related issues

Postby bspradlin2 » Mon Feb 20, 2012 10:20 am

Our websites use the "zenbox" element on almost every page as a form of call-out. When I preview the site at this point, it removes the zenbox formatting. Is this just something the previewer doesn't handle yet, or do we need to use different markup for those boxes with the new design? As an example:

http://ucommbieber.unl.edu/workspace/wd ... udent.aspx

The right column should have two boxes, one red and one blue.

Also, where will we find the new Dreamweaver templates to use to update our own files? I don't work with the templates very often, so I'm not sure where these updates are usually downloaded from before they go live.

Thanks!
bspradlin2
 
Posts: 17
Joined: Tue Jul 22, 2008 1:33 pm

Re: 3.1 Preview and related issues

Postby smeranda » Thu Feb 23, 2012 12:44 pm

bspradlin2 wrote:Our websites use the "zenbox" element on almost every page as a form of call-out. When I preview the site at this point, it removes the zenbox formatting. Is this just something the previewer doesn't handle yet, or do we need to use different markup for those boxes with the new design? As an example:


At the time of your writing, the zenboxes hadn't been ported over. They are moved now.

bspradlin2 wrote:Also, where will we find the new Dreamweaver templates to use to update our own files? I don't work with the templates very often, so I'm not sure where these updates are usually downloaded from before they go live.


They'll be available in the same fashion as we've used in the past as a downloadable file. Still working on the exact deliverables.

Thanks for the testing!
Seth Meranda
User Experience Architect
University Communications
(402) 472-8513
seth@unl.edu
smeranda
 
Posts: 111
Joined: Tue Apr 05, 2005 2:34 pm
Location: University Communications

Re: 3.1 Preview and related issues

Postby bspradlin2 » Wed Mar 28, 2012 3:46 pm

I see that the zenboxes are displaying the styling now, but for some reason the "grid" setup from our existing pages is getting pushed to a really thin column on the right side, both in our staging environment and in the preview tool that you set up:

http://ucommbieber.unl.edu/workspace/wd ... duate.aspx

Is there something that's changed in the way the grids are used in the new templates? I'm using <div class="grid9 first"> as the initial, left column, then a <div class="grid3"> for the right column. Somehow it's showing the same compressed column on all pages using that method. Any ideas?

I was also wondering about the tabbed content:

http://ucommbieber.unl.edu/workspace/wd ... Based.aspx

Will tabs be hidden in the background, or will it just jump to lower sections from now on?

Thanks! Looking forward to using the responsive design!
bspradlin2
 
Posts: 17
Joined: Tue Jul 22, 2008 1:33 pm

Re: 3.1 Preview and related issues

Postby smeranda » Wed Mar 28, 2012 8:47 pm

bspradlin2 wrote:I see that the zenboxes are displaying the styling now, but for some reason the "grid" setup from our existing pages is getting pushed to a really thin column on the right side, both in our staging environment and in the preview tool that you set up:

http://ucommbieber.unl.edu/workspace/wd ... duate.aspx

Is there something that's changed in the way the grids are used in the new templates? I'm using <div class="grid9 first"> as the initial, left column, then a <div class="grid3"> for the right column. Somehow it's showing the same compressed column on all pages using that method. Any ideas?


On this page, you have mix of the supported grid and the old, deprecated grid. Remove the old grid styles (which you have inside the grid3, thus causing the narrow column) and you should be good. Please only use the new grid.

bspradlin2 wrote:I was also wondering about the tabbed content:

http://ucommbieber.unl.edu/workspace/wd ... Based.aspx

Will tabs be hidden in the background, or will it just jump to lower sections from now on?


Tabs should work as they always have. The preview tool may have some issue with the JS, so if you have the problem in a converted page please let us know ASAP.

Thanks!
Seth Meranda
User Experience Architect
University Communications
(402) 472-8513
seth@unl.edu
smeranda
 
Posts: 111
Joined: Tue Apr 05, 2005 2:34 pm
Location: University Communications

Re: 3.1 Preview and related issues

Postby bspradlin2 » Thu Mar 29, 2012 9:14 am

Thanks for the note! I didn't realize our side column code hadn't been updated after the grid conversion. I have that issue resolved, but I'm still seeing the tabs without the automated show/hide functions. Here's the preview on our authoring site:

http://eeositecore.nebraska.edu/Undergr ... Based.aspx

You should be able to access it from any campus/university IP address.
bspradlin2
 
Posts: 17
Joined: Tue Jul 22, 2008 1:33 pm

Re: 3.1 Preview and related issues

Postby smeranda » Thu Mar 29, 2012 11:22 am

Yep, looks like a JS typo was discovered a couple days ago and has been fixed. An updated release should be available soon:
https://github.com/unl/wdntemplates/com ... f460070fb6
Seth Meranda
User Experience Architect
University Communications
(402) 472-8513
seth@unl.edu
smeranda
 
Posts: 111
Joined: Tue Apr 05, 2005 2:34 pm
Location: University Communications

Re: 3.1 Preview and related issues

Postby bspradlin2 » Thu Mar 29, 2012 1:19 pm

Awesome, thanks!
bspradlin2
 
Posts: 17
Joined: Tue Jul 22, 2008 1:33 pm


Return to Spring 2012 UNL.edu Platform 3.1 Revision

Who is online

Users browsing this forum: No registered users and 1 guest

cron