Category: Mobile (Mobile Tiki and Voice Tiki)

Mobile display is broken in trunk. Example:
https://nextdev.tiki.org/elFinder

{syntax type="tiki" editor="plain"}
Using mobile mode, from a PC with Chrome (on GNU/Linux, in case it matters).

I clicked on "Switch to mobile site" in nextdev.tiki.org, and then when you go to "Admin home > Look & Feel", the theme style shown there is "abse" and not fivealive, so that if you save any setting there in L&F, you are switching the theme for the non-mobile mode (and you will not notice since you as admin are still in mobile mode).

I'm creating a Tiki site with several small reusable bits of content (as Wiki pages). Cell phone users are my primary audience, so I'm relying on HAWHAW and HAWIKI. I'd like to use INCLUDE module or structures to reuse the content. Tiki handles it fine, but my mobile tiki doesn't support either INCLUDES or Structures. The INCLUDE lines pass right thru unparsed.

1. Is there an easy way for me to get INCLUDE to work?
2. Is it planned for support in a later release?
3. Are there plans for support for Structures?

Thanks for HAWHAW, it's great!

Rob

From a Lighthouse check of Tiki.org:

"MOBILE FRIENDLY
Tap targets are not sized appropriately - 28% appropriately sized tap targets
Make sure your pages are mobile friendly so users don’t have to pinch or zoom in order to read the content pages. Learn how to make pages mobile-friendly."

Some advise says that the minimum recommended touch target size is around 48 pixels on a page that has a mobile viewport set. The Lighthouse alert is apparently due to the social media icons.

Edge's AI search reply says:
{QUOTE()}
I understand that you are facing issues with the mobile view of your Bootstrap website. You mentioned that the targets are too small and too close together. Here are some possible solutions to your problem:

Increase the font size: You can increase the font size of your website to make it more readable on mobile devices. This can be done by adding the following CSS code to your stylesheet:

{CODE()}
@media (max-width: 767px) {
body {
font-size: 18px;
}
}
{CODE}

Increase the padding: You can also increase the padding around your targets to make them easier to tap on. This can be done by adding the following CSS code to your stylesheet:

{CODE()}
@media (max-width: 767px) {
.target {
padding: 10px;
}
}
{CODE}

Use larger targets: If increasing the font size and padding is not enough, you can also use larger targets. This can be done by creating custom CSS classes for your targets and applying them to your HTML elements. Here is an example:

{CODE()}
@media (max-width: 767px) {
.large-target {
font-size: 18px;
padding: 20px;
}
}
{CODE}{QUOTE}

Two aspects:

A- Alternate theme for certain browsers:
Ex.: simple theme for IE6 or pocket browsers.

B- Showfor plugin, as developed for Support.mozilla.com


Should the plugin be called SHOWFOR? (if so, it's should be quite generic).

*printer
*various browsers
*mobile versions
*users, groups, perms, upon feature check
*etc

Even if the generic plugin is not called browser, SUMO can continue to use SHOWFOR (And avoid needing to edit all the content) thanks to ((doc:plugin Alias))

See: ((Alternate content by media))

Visiting nextdev.t.o (trunk 12.0) in mobile mode (using chrome for android), I can't click in the watch icon, for a tracker item.

I can't either on the printer icon on each tracker item.

when I visit nextdev.t.o in mobile mode (using chrome on android), the wiki pages show up in non-mobile mode (the string "Loading..." shows up in clear text at the top of the screen).

When I move from wiki pages to tracker items, then mobile mode works as expected.

---

Fixed, thanks Jonny. {sign user="xavi" datetime="2013-11-17T08:43:01+00:00"}

{syntax type="tiki" editor="plain"}
Mobile mode in doc.t.o (12.x)
Log in as registered user, with chrome on android
Go down and click to open the editor menu
Click on File galleries.
Error shown:

Page not found
Documentation&ui-page=cssmenu5-6

---

I tried the same from a PC with Chrome 29, switched to mobile mode, and then, when I cicked at the File Galleries link, or Adminlink, I get a WSOD with the url:
https://doc.tiki.org/Mobile+Home&ui-page=cssmenu5-6
(for file galleries, in this case)
---
UPDATE: same type of approach seems to work in dev.t.o. Weird! {sign user="xavi" datetime="2013-11-22T14:19:52+00:00"}
---
UPDATE 2015: Is this still relevant? We're not on 12 any more so i think this needs a show instance to be investigated further {sign user="jonnybradley" datetime="2015-07-19T10:44:35+00:00"}

Plugin Tabs shows a button to toggle the display sections in tabs or one section below the other.

When you switch your site to mobile mode in 12.x, the button to toggle tabs is not shown even if the plugin param is properly set

http://suite.tiki.org/Tiki+Suite is a perspective of http://tiki.org/

In mobile mode of http://suite.tiki.org/, we get "Too many redirects" or "This webpage has a redirect loop". You can also get this by going into mobile mode from suite.tiki.org

{flash type="url" movie="display665" width="1071" height="549"}

Thanks to Simon Boulet for reporting

{CODE(Colors="Tiki")}
NOTICE (E_NOTICE): Undefined index: mobile_mode
At line 208 in lib/setup/javascript.php
{CODE}

Is constantly shown (to admin only). I have never used the mobile mode...

If a site's articles or wiki pages are locked down, the user needs to login to see those pages.

It'd be good if a mobile page could support the login module or something like it, enabling the user to access more of the site.

I will provide more details later.

I saw this
tiki-mobile.php -> link to HAWHAW
charts -> with use of sameurl plugin
user_tasks module -> when trying to add a module

server: Dreamhost, not at root of domain.


__Seems related__
[tiki-view_tracker_item.php?itemId=441|not possible to ADD new task into user tasks in user-task module]

I know Tiki Mobile is deprecated, but IMHO as long as it is still there it should at least be configurable. But the parameters are labelled illogically:
{CODE(Colors="Tiki")]
'description' => tra('Currently only shows switch to and from mobile mode.'),
'prefs' => ['mobile_feature'],
'params' => [
'to_label' => [
'name' => tra('To Label'),
'description' => tra('Switch to normal site label'),
],
'from_label' => [
'name' => tra('From Label'),
'description' => tra('Switch to mobile site label'),
],
{CODE}

To switch __to__ mobile, the 'switch to normal site' label is offered, and to switch __from__ mobile, i.e. to normal, the 'switch to mobile' label is offered...

tiki-mobile.php should appear in the menu when activated

BUG: It is possible to surf blogs in mobile mode even when deactivated.

WYSIWYCA: tiki-list_articles.php?mode=mobile and link to articles in tiki-mobile.php should only show when it user can see articles. Make sure to check topic permissions too.

It is very difficult to use tiki.org sites header menus and login and does not look nice on smartphones. I'm filling this bug report from iPhone 4S and just to login using the login pop up in the top bar was PITA.
See the screen captures below:
(hmm, another issue is tapping the "Choose and upload image" icon does nothing - ah, I need to tap it twice! anyway, it is also PITA using the elFinedr on smartphone to upload images - can we switch it off and use the new jQuery Upload UI instead?)

{img fileId="1024" thumb="box"} {img fileId="1025" thumb="box"} {img fileId="1026" thumb="box"} {img fileId="1027" thumb="box"} {img fileId="1028" thumb="box"} {img fileId="1029" thumb="box"} {img fileId="1030" thumb="box"}

Tracker field with Multiple selection list cannot be displayed in mobile mode, in 12.x

(untested in 14.x)

See it reproduced in:
http://xavi-9794-5642.show.tikiwiki.org/tiki-index.php
u: admin
p: 12345

# Switch to mobile mode (see link at the bottom on central column of page).
# choose "case A", and then,
# try to see the values for the field: "Case A. Multiple Selection List". Only one is shown.

Hi,

I've put on the wiki hompage an {RSS} module, a list of the site's last modified wiki pages. Tiki-Mobile correctly generates the RSS list, but the links are non-mobile.

Is it possible to force mobile mode?

"And from version 5.6 onwards, HAWHAW supports special output for the Lynx text browser. This "archaic" browser is still used today, often by handicaped people with screen readers and other special equipment. HAWHAW's Lynx support allows to create barrierfree applications, which validate Bobby-AAA-approved out of the box and additionally are accessible from each telephone by means of HAWHAW's VoiceXML support."

[http://www.hawhaw.de/]



Todo: add the powered by HAWHAW logo in the tiki-bot_bar.tpl when tiki-mobile is activated.

View a Spreadsheet in Mobile mode: tiki complains inifinitely that jquery_ui is not enabled

You enable it, try again, and you get the same error message.

If you switch to non-mobile mode, the tiki sheet is there as usual. But when you switch back to mobile mode, you get the same error again.

If you visit the admin panel "Features", "Interface" tab, you can see that jquery_ui is disabled indeed in Mobile. However, if you switch to non-mobile mode, jquery_ui is shown as enabled.

In mobile mode, as a reference, these seem to be the css libraries loaded (no jquery-ui) when attempting to view a spreadsheet:
{CODE()}
<link rel="stylesheet" href="vendor/jquery/photoswipe/photoswipe.css" type="text/css" />
<link rel="stylesheet" href="vendor/jquery/jquery-mobile/jquery.mobile-1.3.2.css" type="text/css" />
<link rel="stylesheet" href="vendor/jquery/plugins/treetable/stylesheets/jquery.treetable.css" type="text/css" />
<link rel="stylesheet" href="styles/mobile.css" type="text/css" />
{CODE}

When in non-mobile mode, these are the ones loaded (they include jquery-ui):
{CODE()}
<link rel="stylesheet" href="css/cssmenus.css" type="text/css" />
<link rel="stylesheet" href="vendor_extra/elfinder/css/elfinder.full.css" type="text/css" />
<link rel="stylesheet" href="vendor/codemirror/codemirror/lib/codemirror.css" type="text/css" />
<link rel="stylesheet" href="lib/codemirror_tiki/codemirror_tiki.css" type="text/css" />
<link rel="stylesheet" href="temp/public/codemirror_modes.css" type="text/css" />
<link rel="stylesheet" href="vendor/jquery/jquery-ui-themes/themes/flick/jquery-ui.css" type="text/css" />
<link rel="stylesheet" href="vendor/jquery/jquery-timepicker-addon/dist/jquery-ui-timepicker-addon.css" type="text/css" />
<link rel="stylesheet" href="vendor/jquery/plugins/cluetip/jquery.cluetip.css" type="text/css" />
<link rel="stylesheet" href="vendor/jquery/plugins/colorbox/example1/colorbox.css" type="text/css" />
<link rel="stylesheet" href="vendor/jquery/plugins/treetable/stylesheets/jquery.treetable.css" type="text/css" />
<link rel="stylesheet" href="vendor/jquery/jquery-sheet/jquery.sheet.css" type="text/css" />
<link rel="stylesheet" href="styles/fivealive.css" type="text/css" />
{CODE}

Te reproduce, login to view this spreadsheet here:
http://xavi-9794-4985.show.tikiwiki.org/tiki-view_sheets.php?sheetId=1

u: admin
p: 12345

Click at Switch to mobile mode. Done.
---
UPDATE: Closing item as outdated, since Tiki 15+ doesn't have this issue due to Bootstrap. {sign user="xavi" datetime="2017-01-29T14:37:58+00:00"}