Issues with mobile devices

[DerTor]

The default dokuwiki template works great on mobile devices. But the vector template doesn't. Most of the time it isn't possible to edit an article or even view the discussion page. As all of those buttons aren't displayed correctly on mobile devices.

[rrandall117]

DerTor - I just tested a DokuWiki install with the "Vector" template using an iPad running iOS 8.1.1 (Safari browser). I couldn't duplicate ANY of the problems you describe. It worked great EXCEPT for the button missing around the "Select files..." option in the Media Manager "Upload" screen (which I've already reported is missing on all devices in Issue# 40).

You may want to provide more details as to exactly which mobile devices (including the OS version) you've identified experiencing issues with "Vector".

[DerTor]

I used various android devices and mostly Firefox. I don't have iOS. The buttons are not ligned up properly so that they are not displayed, or displayed outside the clickable space.

[DerTor]

It is weird. I updated everything to the latest version, and then it suddenly worked and it displayed correctly on my android device. But then I changed just some minor detail in the configuartion, and now it is displaying it incorrrectly again. Changing the configuration back again, doesn't help either. It just seems to be very unstable. Sometimes it displays correctly - sometimes it doesn't.

[rrandall117]

DerTor, EXACTLY what "minor" detail did you change in the configuration? That may hold the key to the problem.

[DerTor]

I enabled 404 output on non existing pages. I don't think this in itself is related to anything. But I did update the configuration USING my android device. I restored the backup I had - it didn't help. I even installed a new dokuwiki from scratch and it isn't displaying properly on android either. I have no idea what the determening factor could be. It seems to be very arbitrary. Sometimes it is displaying the mobile version and sometimes it isn't. I have no idea what it influences it and I tried all kinds of things.

[rob-fi]

I realise this is an old thread but FWIW I experienced this today, on a Moto G, using latest Chrome on Lollipop 5.0.2. The issue is with the viewport meta tag. Unfortunately this seems to be hard-coded in the main.php and mediamanager.php. I've gone ahead and modified those files, but I'm aware updates will trash them.

Using the viewport tag, you can adjust how the page will initially display on a mobile device, and what zooming capabilities are allowed, if any.

I've just gone ahead and disabled the viewport tag entirely by commenting it out like so, but you might want to research the options and tweak it to suit how you want it to behave.

//echo "<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" />";

The template now behaves in an acceptable way to me, and I can zoom out as I'd expect.

[andreashaerter]

Thanks for the info, I will consider a better viewport value

[selfthinker]

There is nothing wrong with the meta viewport tag by itself, and I would say it's generally bad advise to remove it. However, if a template is not optimised for mobile devices, like the Vector template, it has some negative side effects and it's better not to use it. As far as I can see, the original Vector template doesn't have it either.

I posted this link in the equivalent forum thread, and I think it makes sense here as well to point out that the original Vector template is not optimised for mobile devices either. See https://www.mediawiki.org/wiki/Manual:Mobiles,_tablets_and_responsive_design

[drbeco]

I've simple changed to:

echo "<meta name=\"viewport\" content=\"width=device-width,initial-scale=0.8\" />";

It is working fine for me now. I created a whole new fork (https://github.com/drbeco/dokuwiki-wikiweko-template) for making this template responsive, and it turns out this is all I needed to do.