I spent ages trying to figure out why my admin block alignment was messed up (where it gives a list of options for settings, assign roles, grades etc).
Anyway, what I did to make it work was to change some properties in styles_layout.css
.sideblock div.column.c0 {
float:left;
}
to
.sideblock div.column.c0 {
display:inline;
/*float:left;*/
}
Hope that helps someone!
I read that some people tried changing the .r0 and .r1 values in the style_color.css, so if my solution didn't work try that... good luck!
Hi, Kristy.
Though the start point was different, I have reached the same conclusion with you.
My problem is that the layout of the side blocks is not displayed correctly, when I use the Web browser built in mobile telephones and the video game consoles (PlayStation3, PSP).
This problem is too improved by changing CSS based on your suggestion!
# Let you create a new Tracker issue about this suggestion!
Hi Tatsuya,
the problem might be that most of the elements in the admin block are wrapped in additional DIV elements which are block level elements that will display on separate lines. See User:Frank_Ralf/Moodle_HTML for a detailed analysis of the underlying markup.
You might try something like this in your CSS which will display all elements in the admin block inline (might need some fine tuning, though):
div.block_admin_tree * {
display: inline;
}
BTW Is there a way to emulate the display in mobile browsers on a regular PC?
hth
Frank
the problem might be that most of the elements in the admin block are wrapped in additional DIV elements which are block level elements that will display on separate lines. See User:Frank_Ralf/Moodle_HTML for a detailed analysis of the underlying markup.
You might try something like this in your CSS which will display all elements in the admin block inline (might need some fine tuning, though):
div.block_admin_tree * {
display: inline;
}
BTW Is there a way to emulate the display in mobile browsers on a regular PC?
hth
Frank
Thanks Frank.
First of all, the admin block (on Front Page) is displayed normaly on both of mobile phone and video game console.
Some of the other blocks, Main menu, Learning Resources, Course Categories, People, Quick mail, are not good. I guess that these blocks are outputted by using function print_side_block() : lib/weblib.php.
For example, this is a part of html source of Course categories block.
<div class="content">
<ul class='list'>
<li class="r0">
<div class="icon column c0">
<img src="http://mysite.com/moodle/pix/i/course.gif" class="icon" alt="Course categories" />
</div>
<div class="column c1">
<a href="http://mysite.com/moodle/course/category.php?id=2">Teachers only</a>
</div>
</li>
Then,
.sideblock div.column.c0 {
float:left;
}
to
.sideblock div.column.c0 {
display:inline;
/*float:left;*/
}
this change affect to the blocks (which are displayed by function print_side_block()).
Can you reproduce these errors with mobile browser emulators like http://mtld.mobi/emulator.php or http://www.klauskomenda.com/archives/2008/03/17/testing-on-mobile-devices-using-emulators/ ? That would be helpful as I have no mobile device available.
Which browser do you use?
Cheers,
Frank
Which browser do you use?
Cheers,
Frank
The both of the web browser built-in my mobile phone (Sharp 922SH) and video game console (PlayStaion3 and PlayStation Portable) is NetFront (Access corp.). I have found out the emulator for Windows.
http://www.access-company.com/products/mobile_solutions/netfrontmobile/contentviewer/index.html
Then, try it. Umm, icons and terms are displayed regulary on the current version of NetFront...
Good to hear. And thanks for that link. I added a reference to this thread to Moodle for Mobiles.
Cheers,
Frank
Cheers,
Frank