css and js files are not loading using $this->load->view in codeigniter

Question

This may be a duplicate question but I'm new in codeigniter. My question is whenever I tried $this->load->view('anyhtmlpage.html') it never loads the required css and js files.

Condition: All files in view must contain pure HTML (no php).

The base url is: $config['base_url'] = 'http://localhost:8081/SVN_propertybooking/branches/dev/Admin/';

I also defined $route['default_controller'] = 'Admin'; in routes.php and $autoload['helper'] = array('form', 'url'); in autoload.php

And when I tried like this <link href="../assets/css/bootstrap.min.css" rel="stylesheet"> after $this->load->view('anyhtmlpage.html') it loads the css and js files.

But more amazing is when I write header('location:'.base_url()); it loads all css and js files.

So what is missing here, help please.

Folder structure:

Abdulla Nilam · Accepted Answer · 2016-01-19 13:01:03Z

2

Load view should be

$this->load->view('anyhtmlpage'); # File name should be anyhtmlpage.php

and CSS will be

<link href="<?php echo base_url() ?>assets/css/bootstrap.min.css" rel="stylesheet">

As above code your css should place like this

application
assets
    - css
        - bootstrap.min.css
    - js
        - ab.js
    - images
        - no_image_found.png
system
index.php

edited Jan 19, 2016 at 13:01

answered Jan 19, 2016 at 12:45

Abdulla Nilam

39.6k18 gold badges85 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Vilas Over a year ago

but what if I require only pure html pages in my view folder

Abdulla Nilam Over a year ago

So no harm if you add .php as extension

Vilas Over a year ago

sir this is the requirement, so can we make some adjustment (if possible). Else .php is the last option to me

Abdulla Nilam Over a year ago

@VilasGalave there is no any change in there. All what you have to do is just change extension to .php. this will works. Try once. Will wait for you on here. ok

Saty Over a year ago

Best way to explain this answer!!specially folder structure

|

Parth Chavda · Accepted Answer · 2016-03-22 09:16:26Z

1

In CI You can't load js and Css file using load->view

you need to write direct in your template file or header file.

<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>css/style.css">
<script type='text/javascript' src="<?php echo base_url(); ?>js/jquery.min.js"></script>

load url helper in controller

$this->load->helper('url');

You can check this tutorial for further help :: How to use css and js in CI

edited Mar 22, 2016 at 9:16

answered Jan 19, 2016 at 12:51

Parth Chavda

1,8291 gold badge24 silver badges31 bronze badges

Collectives™ on Stack Overflow

css and js files are not loading using $this->load->view in codeigniter

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related