Switching template via screen size

ggppdk wrote: mmm ok, about detecting mobile at Joomla templates , we will depend on Joomla template? what about screen sizes , e.g. for iphone , ipad we should display normal view and not mobile view , right?

yes ... i think so
besides ... i adapting all Fc-Templates to bootstrap (based on the latest FC templates r1601)... but need need more time...
i think this is the best choice for a responsive Template layout because it has integrated J3.0+
using the functions/scopes of bootstrap makes it easy to create responsive Templates for differnt screensizes (smartphones, Tablets ...)

Regards

I see, this is great (thanks for your works)

1. about current templates, there will no changes, except for file:

category_category.php which lists subcategories, (will add custom subcategories images and description and linking, the view.html.php in r1601 already contains 100% of code for this,)


2. about detecting mobile inside FLEXIcontent too, i agree with you

just the detection inside FLEXIcontent may serve a different purpose

the different purpose is that we can use a different FLEXIcontent template below a limit, because not all templates can be maybe responsive to low resolutions,

so maybe using a different template altogether is meaningful ??

Hi,

why do you want to detect screen sizes? It is much better to detect devices. We are using a php detection method on or page in the Joomla template and the whole "responsive design" is done via different css files. The contents will be adapted automatically.

There is a big discussion about Bootstrap and responsive design in the Joomla User Experience at the moment because "responsive" does not longer mean "accessible". Bootstrap is totally over-sized and has been introduced from a Joomla core member who worked for Twitter as far as I know.

Anyway, I think is is a nice effect if you take a page in a browser and resize the window and the page "responses" to the resize. But in the end, the page has to be designed for an iPhone or an iPad or a S3 and does not need to "respond".

Rooney

Please give opinions,
i am open to any suggestions, as i am not aware everything or which is right approach

so i will not include this yet ...
-- 1. what about using some 3rd party library (e.g. Categorizr, php-mobile-detect or other)
-- 2. what about recommending and using a 3rd party joomla extension, that it is actively developed to do exactly this (it will use the 3rd party library that i mention above)
-- 3. what about only detecting screen resolution which is guaranteed to work

Current implementation of feature is as this:

CONFIGURATION
A. Enable "Detect Mobile" feature in global configuration:
-- 0. No mobile detection (Default)
-- 1. Detect mobile device
-- 2. or Detect mobile device and screen size
-- 3. or Detect screen size
-- 4. or (future) get information from some other source??

** For: 2 you also need to set minimum screen resolution that normal template can handle, i understand that you may want to show normal page depending one processing power in this case maybe a PHP library that is aware has a database these

B. In category and item content Types set an alternative mobile layout


How it is done
In system plugin
1. Detect (as early as possible e.g. if mobile device)
and set information into the session
** cost for this is minimal and it is NO problem to do it any/all extensions

2,3. (if enable) also detect screen size and set cookie and redirect to same URL
after redirect set information into session and continue
** cost here is an early redirection which is not good if it is done by multiple extensions