Switching template via screen size

Hi,

Is there any way to switch item-tabbed(for PC) template to presentation(for mobile) template depends on screen size?

Regards,
Brandon

tabs ... doesn't like reponsive technique ...
use slide is better

We have code for detecting mobile device and screen size and extra parameters for selecting a template layout for mobile devices (to be used when mobile and / or minimum screen sizes are not met)

but it is not included as it is not tested yet

@ micker: Yeap, you are right. tab for PC and slider for Mobile.

@ ggppdk: Great News, Sounds this feature is coming soon. Can't wait for it.

Best wishes,
Brandon

brandonking wrote: @ micker: Yeap, you are right. tab for PC and slider for Mobile.

@ ggppdk: Great News, Sounds this feature is coming soon. Can't wait for it.

Best wishes,
Brandon

Hi,

you can use this one for slider or tabs(on the right or left side)
flexicontent.org/phpbb/viewtopic.php?f=28&t=5217

about the include detecting mobile device in FC

ggppdk wrote: We have code for detecting mobile device and screen size and extra parameters for selecting a template layout for mobile devices (to be used when mobile and / or minimum screen sizes are not met)
but it is not included as it is not tested yet

mmm ... i think that belongs principle to the Joomla Template and and not to include in FC :
i also still think that bootstrap should be in the core of FC ...
as i said in a another post

i think bootstrap should also be in the core, because Joomla is based on since version 3 and it makes a lot much easier (responsiv Template styling ...) --- the e.g. the Akeeba Backup team makes it already

we should ask what George and the FC Team says!?

his new tabber system is a good thing ... thanks
but how about ...regarding bootstrap... to use the buildin tab system from bootstrap (using the Jquery script bootstrap-tab.js) ... in bootstrap there are a few other jquery scripts available that we could use in FC? ...

... many other extensions are already using it ...
but I also know that this is associated with a lot of work

Regards

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?

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