Colour of block header background disappears when blocks are moved to middle section of page

[roybentley]

When blocks are actually on the side of the page, block-header text can be easily seen due to the background colour of the header (which users can select). When blocks are moved to the middle of the page however, the header background colour disappears, and you are left with block-header text in 'whitesmoke' colour, with no coloured background! This text is really hard to see against the white page background.

[dmuneras]

Hi Roy,

The color of the block-header in main content should be always blank (kind of) and the color of the text whiteSmoke.

Could you attach an image to see what is happening with your Moodle?

Daniel.

[roybentley]

Thanks Daniel

I was able to change the colour of the text in the centre-block headers so
the header-background (black on your attached image) is not such a problem
now. On my version of Archaius this black area (centre-block header
background) is whitesmoke.

Have had feedback from parents using the Featherstone Nursery / Children's
Centre http://featherstonelocality.washwoodheath.net Site, They did not
like the 'awesome bar' (nav bar) as it created a big list of links in their
IPhones. I replaced it with a javascript menu and it works a lot better
(see blue tabs on left of front page). I also used Archaius accordion
blocks to make an animated calendar - perfect solution for IPhone - much
batter that Moodle Calendar (see green tabs on right of front page).

* Parents did not like Moodle calendar as it did not reveal enough
detailed information in a way which was easy to access on IPhone.

Had a big problem with slideshows, which would not render properly on
IPhone. I tried 10 different so called 'responsive' slideshows, but all
looked terrible on IPhone. I found a great solution using Freemake
Slideshow and publishing as html5. The other slideshows were mp4 and
played ok, BUT the starting applet (black rectangle with central 'play'
button) was only 50% visible when the phone was vertical - but it worked
well on the Freemake version.

Here is my test slideshow
http://featherstonelocality.washwoodheath.net/course/view.php?id=3

Extra

• The front page header section, including the login-box, on the right,
  take up too much space on IPhone. Needs simplifying.

Hope this makes sense - I am a school teacher not a developer.

Thanks for all your brilliant work!

Roy Bentley
Birmingham
UK

On 4 October 2014 04:12, Daniel Múnera Sánchez notifications@github.com
wrote:

Hi Roy,

The color of the block-header in main content should be always blank (kind
of) and the color of the text whiteSmoke.

[image: screen shot 2014-10-03 at 10 10 18 pm]
https://cloud.githubusercontent.com/assets/344518/4514535/414f68a2-4b74-11e4-8647-c36213501ce4.png

Could you attach an image to see what is happening with your Moodle?

Daniel.

—
Reply to this email directly or view it on GitHub
#26 (comment)
.

[dmuneras]

Hi Roy,

OPINION

I like a lot your solution for lateral blocks items, It is good.

About the slideshow, you are not using my slider, it only can be used in the frontpage and you are pointing to a course page.

My slider used to be fully responsive, but it was problematic in Moodle, because for some people it took too much space of the page, so, I have to force a height and allow people to set the height in pixels using Archaius settings. Anyway images will scale until it is possible to preserve proportions.

You can override my 'dirty' setting to make it fully responsive again.

Take a look of this video: http://quick.as/qr6lso3b, I was very sleepy when I recorded (sorry).

AOUT YOUR MOODLE

Which version of Moodle are you using? and what is the version of archaius? because it seems to be kind of old.

Regards,
Daniel.

[roybentley]

Hi Daniel

Thank you for your instructional video. It was very much appreciated, and
very useful.
Yes, my slideshow was for a course page so, unfortunately, I could not use
Archaius' slideshow - I had to use Freemake http://www.freemake.com/ as
this was the only application I could find which would resize slides
properly for IPhone (Freemake renders in mp4).

You are right, my Moodle and Archaius versions need upgrading. I will do
this during the next school holiday :-)
Now I will try to make Archaius's front page header look better on IPhone
(too much space at the moment - image below).

​

As always, many many thanks

Roy Bentley
Birmingham UK

On 4 October 2014 17:32, Daniel Múnera Sánchez notifications@github.com
wrote:

Hi Roy,
OPINION

I like a lot your solution for lateral blocks items, It is good.

About the slideshow, you are not using my slider, it only can be used in
the frontpage and you are pointing to a course page.

My slider used to be fully responsive, but it was problematic in Moodle,
because for some people it took too much space of the page, so, I have to
force a height and allow people to set the height in pixels using Archaius
settings. Anyway images will scale until it is possible to preserve
proportions.

You can override my 'dirty' setting to make it fully responsive again.

Take a look of this video: http://quick.as/qr6lso3b, I was very sleepy
when I recorded (sorry).
AOUT YOUR MOODLE

Which version of Moodle are you using? and what is the version of
archaius? because it seems to be kind of old.

Regards,
Daniel.

—
Reply to this email directly or view it on GitHub
#26 (comment)
.

[dmuneras]

When you update archaius the problem will be gone. At the moment I think this can help you:

.headermenu{
position:absolute;
width:200px;
}

Add it to Archais custom menu setting and test it, I think it could help a bit.