Template for mobile and computer - How?

Hi

In my previous work, I used to detect the device and assigned the theme according to that.

Now, In CodeIgniter, How do i do that?
Something should run before the view is loaded.

How do i do that?

Hi

In my previous work, I used to detect the device and assigned the theme according to that.

Now, In CodeIgniter, How do i do that?
Something should run before the view is loaded.

How do i do that?

For 2.x check here

Website : www.my-web-projects.com

Thanks.

Can i run load user agent in pre_controller hooks? Is that good idea?

I use it like in this example in My_controller ...

Website : www.my-web-projects.com

I've recently started using the MobileDetect library for detecting whether it's a phone or tablet. Then, in however you do your views, you can then choose the mobile version or not. Though, to be 100% complete, you'll need to provide a way for the user to go to full site if they desire, even if on a mobile unit.

Support Development •  CodeIgniter 4 Foundations • Practical CodeIgniter 3  • CodeIgniter Tutorials

You can use this lib: http://mobiledetect.net/

download this library and put it inside your library or third party folder and you should be able to use it like that:

Code:

public function index() {
    $this -> load -> library('Mobile_Detect');
    $detect = new Mobile_Detect();
    if ($detect->isMobile())
    {
        echo 'mobile';
    }
}

Another approach is to use something like Foundation (http://foundation.zurb.com/) by Zurb or Bootstrap (http://getbootstrap.com/) by Twitter for your responsive template and then only rely on CI for the actual application part.

This might reduce your maintenance and provide a more efficient upgrade path.

+1 for Bootstrap!
No need to detect if it's a phone, a tablet or whatever else. It adjust the layout according to the screen resolution and it's all in CSS!

My 2 Cents on Bootstrap...(Responsive design)

1. Our page load time is always high because all content gets loaded (For desktop,tablet, phone) once and then got fit into client's browser as per width and height.

If we go with the user agent identification approach and delivering appropriate view, it will reduce page load time because on mobile phone, we have very less bandwidth.

for the most part responsive design can be handled client side via CSS and javascript. But as tapan.thapa mentioned bandwidth can be an issue because most cell providers limit monthly bandwidth with a cap.

So if you have a site that has large sized Kb like images, ect ... utilizing some type of user agent ident would be a good idea.

when you have the user agent variable you can simply toggle the loaded view between IE: home.php (PC) or home_mobile.php (Tablets, Smartphones, ect ...) this way you can tailor the content to devices with lower bandwidth caps.