Increasing screen real estate?

Increasing screen real estate?

by Steve van Ommen -
Number of replies: 5

I've noticed with more recent versions of Moodle (2.2) that about 25% of the screen real estate is taken up with blank spaces left and right of the main central panel. I suppose this has something to do with making Moodle readable on smaller devices?

Not only does it give less space for items but it makes horizontal scrolling painful...

Is there anyway to reclaim this real estate?

Average of ratings: -
In reply to Steve van Ommen

Re: Increasing screen real estate?

by Tim Hunt -
Picture of Core developers Picture of Documentation writers Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

Well, graphic designer tend to quite like blank space. They think it is beautiful, or something like that. And, the themes the come as standard with Moodle are getting more and more professionally designed wink

In reply to Steve van Ommen

Re: Increasing screen real estate?

by Richard Oelmann -
Picture of Core developers Picture of Plugin developers Picture of Testers

What theme(s) have you tried this on - it sounds as if the sidebar columns are not working as they should.

Richard

In reply to Steve van Ommen

Re: Increasing screen real estate?

by Lisa Nicholls -

IMHO that's not making Moodle more readable on a smaller device.

The first thing to do --whether you're looking for a mobile theme or not -- is to use a two-column layout, and put the sidebars on the *right*, not the left.  Also  avoid a heavy/tall top banner.

Real-estate on the top-left is especially precious on mobile.  You don't want to waste the top with a header, to avoid making the reader scroll down all the time. 

And, if you want a class to be able to read course content without continuously scrolling to the right, you don't want waste the left on a navigation panel, which is something they need to get *to* the content, but after that they leave alone.

There *are* Moodle Themes with a two-column (versus three column) layout.  And there *are* Moodle themes that put the sidebars on the right.  So look for those.  NB: there is a "Multilayout" theme I haven't tried, but most Moodle themes seem to plan the layout for you. 

Just stick to the ones that are most efficient for top-left and the "white space" design issue won't be such an ... issue.

However, once you find your theme, and the layout is "clean", you can make minor changes to a variant of that theme in the CSS and reduce some of the white space if you want.

I use the "brick" theme (http://editconsultants.net/moodle/course/view.php?id=10/?&theme=brick) and did some work on its margins and white space (as well as of course changing its colors and banner) to meet these requirements.  I am not a professional designer, and it's not terrific, but we're a public school system wink .  I will attach a side-by-side comparison so you can see the very subtle spacing mods.

HTH,

>L<

 

Attachment brickComparison.jpg
Average of ratings: Useful (2)
In reply to Lisa Nicholls

Re: Increasing screen real estate?

by Steve van Ommen -

Thanks folks - this has me on the right track now.

I'm going with Aardvark postit

http://moodle.org/plugins/view.php?plugin=theme_aardvark_postit

Fairly extensive discussion on this for those interested: http://moodle.org/mod/forum/discuss.php?d=183922

.... and it looks like tackling the 'scroll of death' is a priority for 2.3

http://docs.moodle.org/dev/Roadmap

In reply to Steve van Ommen

Re: Increasing screen real estate?

by Lisa Nicholls -

I *think* the scroll of death they're talking about is vertical, not horizontal...  but still good to know smile

>L<