PDA Theme Problem

PDA Theme Problem

by Van Howell -
Number of replies: 4

I am working on a PDA theme for our university. I am having a problem with iPhones.

When the logon screen displays on the phone it displays correctly. Once I am logged on and in myMoodle The display is halved. The graphics only go half way across the screen. I have attached two screenshots that illustrate the problem.

Has anyone run across this?

Attachment iPhoneScreens.jpg
Average of ratings: -
In reply to Van Howell

Re: PDA Theme Problem

by Leo Thiessen -
Hi Van,

I just tried accessing the url, http://moodle-test.lcu.edu/my/, on my iphone & it has content in the right column - the content starts with "User your Windows ID to sign in to moodle every time...", at least on the login screen. Do you have a test URL I could visit to see? Guest/test login?

Cheers,
Leo Thiessen
http://bydistance.com/
P.S. If I visit http://lcu.edu I get the error shown in the screenshot below - if I visit http://www.lcu.edu, the error disappears - not related to above issue but a little bug your folks may want to fix (just redirect non-www to www or visa-versa).
Attachment lcu.edu_err.png
In reply to Leo Thiessen

Re: PDA Theme Problem

by Van Howell -

You should not get the right column at all on the iPhone.

I have code that I snagged from the PDA detect theme in the header.html, config.php, footer.html, and styles.php files for the theme I am using. I uses a different style sheet that does not have the right column on the logon screen.

<?PHP
//$agent = $_SERVER['HTTP_USER_AGENT'];
//echo $agent;
if (
 strripos($_SERVER['HTTP_USER_AGENT'], 'Tablet') !== false
 || strripos($_SERVER['HTTP_USER_AGENT'], 'Sony') !== false
 || strripos($_SERVER['HTTP_USER_AGENT'], 'Nokia') !== false
 || strripos($_SERVER['HTTP_USER_AGENT'], 'Blackberry') !== false
 || strripos($_SERVER['HTTP_USER_AGENT'], 'Pocket') !== false
 || strripos($_SERVER['HTTP_USER_AGENT'], 'Windows CE') !== false
 || strripos($_SERVER['HTTP_USER_AGENT'], 'iPhone') !== false
 )
{

?>

So far I have not had problems with this part working. I don't know why you are getting the right column.


This is a server I use only for development.

You can use the logon jhowell1638

with the password Bel@c345

Just hit the url http://moodle-test.lcu.edu

This username and password will not work with the Windows Live ID autentication. If you still have the right column, use the login on the left side to get in. Windows Live ID authentication is something else we are working on not related to the iPhone development.

As for the other issue. That site is hosted off site and maintained by our marketing department.  I will pass this on to the right people.

Van

In reply to Van Howell

Re: PDA Theme Problem

by Leo Thiessen -
Adding "display:none;" in the following codeblock seems to do it...:

#left-column, #right-column {
 visibility: hidden;
 position: absolute;
 display:none;
}
In reply to Leo Thiessen

Re: PDA Theme Problem

by Van Howell -

Thanks that worked.

I was talking with one of our CIS teachers today explaining the problem and she said it looks like where the right column use to be. So I was going to start looking at that codeblock. You just made it easier.

Next,

Is there anyway to hide certain kinds of activities using CSS. Like, we are using the FLV module. iPhones will not play flash video so I would like to hide that for the iPhones.

Could I create an iPhone role and hide activities based on roles. Can i apply more than one role to a user and have them cascade.

Van