Elxis CMS Forum
Support => Elxis 4.x/5.x DEV => Topic started by: xmanhattan on September 07, 2012, 13:33:07
-
After researching the reality of displaying elxis on a mobile device I found that there is a tremendous difference between mobiles and that many do not like certain functions such as jquery or other javascript, and other items that might be normally included on a website for normal browsers.
One good site to check this is http://validator.w3.org/mobile/ (http://validator.w3.org/mobile/) using your website url.
From what I see, it might be a good idea to consider using http://detectmobilebrowsers.mobi/ (http://detectmobilebrowsers.mobi/) to be able to have the index.php point the site to a template made for mobiles. After thinking about this it may mean reorganizing the index.php file to avoid what is not necessary.
Just sharing my thoughts.
One question regarding the layout or templating structure. Have you designed the template structure based on one of the html5 frameworks or is it your own creation?
-
The mobile version is a big headache.
Some remarks/notes:
1. Which device is actually a mobile? Is a tablet a mobile device? Consider how many different screen widths exists for tablets. What about web TVs and other devices?
2. If the Elxis core generates a mobile friendly interface what about the third party extensions? We need a sort of mobiles extension for them but this makes the development of extensions much harder.
3. A flexible CSS could help a lot but this also need a lot of work on each extension (check firefox marketplace (https://marketplace.mozilla.org/login), try to login and then resize the window).
4. The content/layout of the site is not standard. Elxis is a generic public CMS. It is impossible to predict all the ways users may use it.
5. I believe that a mobile specific component is better choice than trying to convert a standard layout into a mobile friendly one.
6. Elxis has already mobile support and auto mobile detection feature although they currently not used for the reasons I explained.
-
I agree with what you say. From what I have been testing and researching it is a problem especially when there are new devices appearing on the market.
To keep things simple, I thought that using something like detectmobilebrowser might have a logic like this in the index.php file:
if detectmobilebrowser {
mobile template
}
that template would have a minimum of js and whatever else mobile browsers might not like and that the template for that purpose would have module positions that are only related to that.
From trying some of the browser layouts that are available in 2009.3, the best ones to use were actually what I have liked from the beginning, the okto templates. They score high marks and I checked my site on an ipad and on a tablet and it works very nicely even in landscape layout.
I don't have a mobile phone with internet so I used another site to see what the results look like. http://www.mobilephoneemulator.com/ (http://www.mobilephoneemulator.com/)
Thanks for sharing your thoughts.
-
I told you that Elxis 4.x has already a modile detection system.
It is bind into the Elxis browser helper.
Usage:
$browser_info = $elxis->obj('browser')->getBrowser();
if ($browser_info['mobile'] === true) {
//it is a mobile
}
-
i agree but theres always solution...
elxis nautilus can have a very standart minimal mobile design...
you can set a special menu for mobile.. and then a few contents (selectable via module article ) to be shown.
so it looks a small minimal website, and easy usable..
-
You can mobile your web site via CSS only. In fact this is the recommended method by Google.
I attach an incomplete version of the standard Delta template for mobiles. No change is required in Elxis, just a mobile-friendly template...
We might do a small change in Elxis 4.1 regarding modules to improve more the mobile version.
-
Since Elxis 4.1 Poseidon Elxis detects automatically hand-held devices and sets a PHP constant named ELXIS_MOBILE to 0 (pc version) or 1 (mobile version).
If the ELXIS_MOBILE = 1 flag is triggered Elxis loads a mobile-friendly version of the template.
More info and official announcement in the future.