[Xerte-dev] Re: Workspace Layout

Ron Mitchell ronm at mitchellmedia.co.uk
Mon Jul 20 12:21:51 BST 2015


Is that Firefox?

I added overflow auto to the 3 pods to accommodate the fact that I reduced
the height of the pods slightly to reduce the impact on vertical space of
adding the logos. Also if anyone has added more than the default amount of
text to the three pods the text previously would overlay the horizontal line
and look messy. On my laptop with IE and Chrome and the default text I don't
see those scrollbars. Not sure if I tested that with Firefox but will do
this afternoon.

 

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 20 July 2015 11:59
To: For Xerte technical developers
Subject: [Xerte-dev] Re: Workspace Layout

 

This might be browser specific as well, but I get the scrollbar in the
bottom panel: I think we need to avoid any scrollbars in the bottom area.

 



 

From: Tenney Julian 
Sent: 20 July 2015 09:58
To: 'For Xerte technical developers'
Subject: RE: [Xerte-dev] Re: Workspace Layout

 

Brill, thanks.


Fine with the logos. I think we should assume the apereo one will be often
replaced with an institution's own logo / branding, so that's fine.

I'll fix up the logout button, no problem.

I can make the buttons a fixed width, or push the margins out a  bit to make
them a little bigger, however all browsers handle buttons slightly
differently, so it won't be wholly consistent unless we use images.

 

 

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Ron Mitchell
Sent: 17 July 2015 21:57
To: 'For Xerte technical developers'
Subject: [Xerte-dev] Re: Workspace Layout

 

Hi all

I've added a panel of footer logos and added a few comments along with the
commit. For me I think it was important to get these in place as clickable
links to the respective sites rather than just background images. To avoid
too much duplication I've reverted the top right logo back to just the
apereo logo but that's easily changed back if you think the OSI logo should
apear there too.

 

Reflecting on all the changes we've made today (see IE screenshot below) I
think we're nearly there but I think we should consider the following
changes:

1. The logout button should be reverted back to the words 'logout' - to make
it very clear what that button does without needing to hover. There's no
need to save space in that area.

2. I think the projects panel buttons are a little bit too small and should
be made a bit larger. Firefox seems to exaggerate the size compared with
Chrome and IE (see the comparison between Julian's screenshot and this one
from IE.

 



 

There's a resolution difference here but you can see the difference between
IE and Firefox with this next screenshot. It's not massive but I think
there's room to make the button/icon size a bit bigger:

 



 

 

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 17 July 2015 14:52
To: For Xerte technical developers
Subject: [Xerte-dev] Re: Workspace Layout

 

If I look at the central panel and tidy that up, do you want to look at the
bottom third?

 

This is where I am with things (crikey it seems to have taken all day!). The
icons mean the workspace area can be a lot smaller without going screwy.

 



 

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Ron Mitchell
Sent: 17 July 2015 10:36
To: 'For Xerte technical developers'
Subject: [Xerte-dev] Re: Workspace Layout

 

Aside from closing the 6 issues we currently have on github flagged as v3
release personally I think the most important thing with this is getting a
panel of logos complete with links in the footer somewhere. I don't think
your solution of adding the OSI logo alongside the Apereo logo top right is
the right solution for 2 reasons: 

 

1. The vast majority of organisations using Xerte that I know of (and I'm
sure Tom echos this) want their own logo either top right or top left. We
have a built-in solution for that but it means one or other of the
'official' logos get removed.

 

2. Ideally I think we want each of the logos to also link off to the
relevant site pages.

 

The CSS isn't right, especially the logos, but something like this?



 

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 17 July 2015 09:16
To: For Xerte technical developers
Subject: [Xerte-dev] Re: Workspace Layout

 

Not sure authoring on phones is viable though? My Asus transformer has 800
px width; the iPad 750, which ought to be plenty. Do we want to progress
looking at this before we release the code? I'm happy to do the work, but
find it a bit slow picking through the code / implications for languages,
and I'm a bit time limited over the next few weeks.

 

Perhaps make it a 3.1 thing and get concentrate on getting v3.0 out the door

 

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Ron Mitchell
Sent: 16 July 2015 17:06
To: 'For Xerte technical developers'
Subject: [Xerte-dev] Re: Workspace Layout

 

> How wide is portrait view on a tablet?<

What tablet? ;-)

Attached is a screenshot from my iPad - appears to be 1536px wide in
Portrait view. But I suspect the lowest common denominator is less than
that. e.g.

 



 

http://www.websitedimensions.com/pixel/ 

 

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 16 July 2015 16:01
To: For Xerte technical developers
Subject: [Xerte-dev] Re: Workspace Layout

 

This looks nicer I think (I haven't managed to sort the search box styles
yet). Presumably we can fix a minimum width for the panel? Things get screwy
when it is smaller than about 540 pixels. How wide is portrait view on a
tablet?

 

I know these are small issues compared to a lot of things we've worked
through lately, but for some users, the look and feel is really important
and sometimes it's just a few small things that really make the difference.

 



 

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Ron Mitchell
Sent: 16 July 2015 15:38
To: 'For Xerte technical developers'
Subject: [Xerte-dev] Re: Workspace Layout

 

Not wedded to the search box being at the top.

Although I wondered about the How to, feedback and site links etc being in
an orange menu to the right of the Sort menu and then leaving space for a
centered logo panel in the footer. 

 

Shouldn't the heading you've added by My Projects and left aligned?

 

Agree the middle panel should be wider by default and the left panel
narrower to accommodate that.

 

Something like this mock up?

 



 

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 16 July 2015 14:54
To: For Xerte technical developers
Subject: [Xerte-dev] Re: Workspace Layout

 

I was thinking it makes sense to have similar things in proximity. Both the
search and the sort are to do with the workspace items, it makes sense to me
to put these controls together.

 

Also this is a consistency thing: some tabs have titles, some don't. Either
let's give them all titles, or let's lose the big header on the tabs
altogether maybe: if it's not serving any purpose, why use the space? Also
with this, the headers create a division / barrier between the projects and
the controls to edit / properties etc. Previously these controls were much
more clearly associated with the list of projects in the workspace. Could we
put those buttons in the header perhaps? It does make sense that they are
more closely associated with the project list, as the projects are the
things they control.

 

By default the project details tab, the central one, doesn't look very nice
as it's very narrow.

 

This is what we have now, which I like a lot: it's clean / FWS etc.



 

And this is what we have in x3 which looks nice, but could still do with a
few tweaks to make it really lovely:



 

 

 

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Ron Mitchell
Sent: 16 July 2015 14:44
To: 'For Xerte technical developers'
Subject: [Xerte-dev] Re: Workspace Layout

 

I would leave the search box where it is but make it less wide and put the
title to the left. It seems more inuititive to have the search at the top
rather than the bottom.

 

From: xerte-dev-bounces at lists.nottingham.ac.uk
[mailto:xerte-dev-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 16 July 2015 14:31
To: For Xerte technical developers (xerte-dev at lists.nottingham.ac.uk)
Subject: [Xerte-dev] Workspace Layout

 

What do you think of the idea of moving the search box down next to the
'Sort your files' drop down, and then we can give all three tabs titles:

 

Your Projects, Project Details, Project Templates

 
 
 
This message and any attachment are intended solely for the addressee
and may contain confidential information. If you have received this
message in error, please send it back to me, and immediately delete it. 
 
Please do not use, copy or disclose the information contained in this
message or in any attachment.  Any views or opinions expressed by the
author of this email do not necessarily reflect the views of the
University of Nottingham.
 
This message has been checked for viruses but the contents of an
attachment may still contain software viruses which could damage your
computer system, you are advised to perform your own checks. Email
communications with the University of Nottingham may be monitored as
permitted by UK legislation.
 
 
 
This message and any attachment are intended solely for the addressee
and may contain confidential information. If you have received this
message in error, please send it back to me, and immediately delete it. 
 
Please do not use, copy or disclose the information contained in this
message or in any attachment.  Any views or opinions expressed by the
author of this email do not necessarily reflect the views of the
University of Nottingham.
 
This message has been checked for viruses but the contents of an
attachment may still contain software viruses which could damage your
computer system, you are advised to perform your own checks. Email
communications with the University of Nottingham may be monitored as
permitted by UK legislation.
 
 
 
This message and any attachment are intended solely for the addressee
and may contain confidential information. If you have received this
message in error, please send it back to me, and immediately delete it. 
 
Please do not use, copy or disclose the information contained in this
message or in any attachment.  Any views or opinions expressed by the
author of this email do not necessarily reflect the views of the
University of Nottingham.
 
This message has been checked for viruses but the contents of an
attachment may still contain software viruses which could damage your
computer system, you are advised to perform your own checks. Email
communications with the University of Nottingham may be monitored as
permitted by UK legislation.
 
 
 
This message and any attachment are intended solely for the addressee
and may contain confidential information. If you have received this
message in error, please send it back to me, and immediately delete it. 
 
Please do not use, copy or disclose the information contained in this
message or in any attachment.  Any views or opinions expressed by the
author of this email do not necessarily reflect the views of the
University of Nottingham.
 
This message has been checked for viruses but the contents of an
attachment may still contain software viruses which could damage your
computer system, you are advised to perform your own checks. Email
communications with the University of Nottingham may be monitored as
permitted by UK legislation.
 
 
 
This message and any attachment are intended solely for the addressee
and may contain confidential information. If you have received this
message in error, please send it back to me, and immediately delete it. 
 
Please do not use, copy or disclose the information contained in this
message or in any attachment.  Any views or opinions expressed by the
author of this email do not necessarily reflect the views of the
University of Nottingham.
 
This message has been checked for viruses but the contents of an
attachment may still contain software viruses which could damage your
computer system, you are advised to perform your own checks. Email
communications with the University of Nottingham may be monitored as
permitted by UK legislation.
 
 
 
This message and any attachment are intended solely for the addressee
and may contain confidential information. If you have received this
message in error, please send it back to me, and immediately delete it. 
 
Please do not use, copy or disclose the information contained in this
message or in any attachment.  Any views or opinions expressed by the
author of this email do not necessarily reflect the views of the
University of Nottingham.
 
This message has been checked for viruses but the contents of an
attachment may still contain software viruses which could damage your
computer system, you are advised to perform your own checks. Email
communications with the University of Nottingham may be monitored as
permitted by UK legislation.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/ff40d8bd/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image001.png
Type: image/png
Size: 10303 bytes
Desc: not available
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/ff40d8bd/attachment-0005.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image002.jpg
Type: image/jpeg
Size: 63423 bytes
Desc: not available
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/ff40d8bd/attachment-0005.jpg>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image003.jpg
Type: image/jpeg
Size: 36275 bytes
Desc: not available
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/ff40d8bd/attachment-0006.jpg>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image004.png
Type: image/png
Size: 114690 bytes
Desc: not available
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/ff40d8bd/attachment-0006.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image005.jpg
Type: image/jpeg
Size: 63871 bytes
Desc: not available
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/ff40d8bd/attachment-0007.jpg>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image006.jpg
Type: image/jpeg
Size: 14486 bytes
Desc: not available
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/ff40d8bd/attachment-0008.jpg>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image007.png
Type: image/png
Size: 16124 bytes
Desc: not available
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/ff40d8bd/attachment-0007.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image008.png
Type: image/png
Size: 157489 bytes
Desc: not available
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/ff40d8bd/attachment-0008.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image009.png
Type: image/png
Size: 93262 bytes
Desc: not available
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/ff40d8bd/attachment-0009.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image010.jpg
Type: image/jpeg
Size: 55582 bytes
Desc: not available
URL: <http://lists.nottingham.ac.uk/pipermail/xerte-dev/attachments/20150720/ff40d8bd/attachment-0009.jpg>


More information about the Xerte-dev mailing list