CODEWITHSUNDEEP
phpcodeignitertwitter-bootstrap-3paginationcodeigniter-pagination
kross
kross

Reputation: 475

Active page always showing as strong/bold, Code Igniter Pagination

The activate page is always bolded and somehow out of place. Not sure where I'm going wrong. I'm just trying to display the page links as individual links, planning to add CSS on later but can't seem to find out how to get rid of the active page link. Also, I'm using Twitter Bootstrap 3.

Controller:

private function paginate_create_table($search = null)
{
    // Set pagination configuration
    $config = array();
    $config['base_url'] = base_url()."index.php/Home/on_hold_lot";
    $config['suffix'] = '?cust_drop_down='.$search['customer'].'&area_drop_down='.$search['stage'].'&status_drop_down='.$search['lot_status'].'&search_lot='.$search['search_lot'];
    $config['first_url'] = $config['base_url'].$config['suffix'];
    $config['total_rows'] = $this->home_model->fetch_lots('rows', $search);
    $config['per_page'] = 10;
    $config['uri_segment'] = 3;
    $config['next_link'] = 'Next';
    $config['prev_link'] = 'Previous';

    $this->pagination->initialize($config);

    $page = ($this->uri->segment(3)) ? $this->uri->segment(3) : 0;
    $results = $this->home_model->fetch_lots('array', $search, $config['per_page'], $page);

    return $results;
}

public function load_lot_table()
{
    // Get form values
    if($this->input->get())
    {
        $search = array(
        'customer' => $this->input->get('cust_drop_down'),
        'stage' => $this->input->get('area_drop_down'),
        'lot_status' => $this->input->get('status_drop_down'),
        'search_lot' => $this->input->get('search_lot')
        );
    }
    else
    {
        $search = array(
        'customer' => 'all',
        'stage' => 'all',
        'lot_status' => 'all',
        'search_lot' => ''
        );
    }

    // Paginate retrieved lots
    $results = $this->paginate_create_table($search);

    if($results != FALSE)
    {
        // Assign retrieved lots to assoc array
        $data['disp_rows'] = $results;

        // Create page links for Next page, Page 1 etc
        $str_links = $this->pagination->create_links();
        $data['links'] = explode(" ", $str_links);
    }
    else
    {
        $data['error_message'] = "No rows";
    }

    return $this->load->view('home/lot_disposition', $data);
}

View: 

<div class="container text-right">
    <ul class="pagination">
        <?php foreach ($links as $link)
            {
                echo "<li>$link</li>";
            }
        ?>
    </ul>
</div>

enter image description here

Upvotes: 1

Views: 838

Answers (2)

Abdulla Nilam
Abdulla Nilam

Reputation: 38609

Remove this code in your code(above in controller)

$config['next_link'] = 'Next';
$config['prev_link'] = 'Previous';

and add Bootstrap code for it.

// style
$config['full_tag_open'] = '<ul class="pagination">';
$config['full_tag_close'] = '</ul>';
$config['first_link'] = false;
$config['last_link'] = false;
$config['first_tag_open'] = '<li>';
$config['first_tag_close'] = '</li>';
$config['prev_link'] = '&laquo';
$config['prev_tag_open'] = '<li class="prev">';
$config['prev_tag_close'] = '</li>';
$config['next_link'] = '&raquo';
$config['next_tag_open'] = '<li>';
$config['next_tag_close'] = '</li>';
$config['last_tag_open'] = '<li>';
$config['last_tag_close'] = '</li>';
$config['cur_tag_open'] = '<li class="active"><a href="#">';//this is active tab
$config['cur_tag_close'] = '</a></li>';
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';

On the active tab can use Bold(<b>) or any other styles

an this code is working without any error. Tested

My output(Without Bold Style)

enter image description here

Upvotes: 1

Niranjan N Raju
Niranjan N Raju

Reputation: 11987

You can change the config for your pagination like this, 

    $config['last_link'] = 'Last';
    $config['last_tag_open'] = '<li>';
    $config['last_tag_close'] = '</li>';
    $config['full_tag_open'] = '<ul class="pagination">';
    $config['full_tag_close'] = '</ul>';
    $config['first_link'] = 'First';
    $config['first_tag_open'] = '<li>';
    $config['first_tag_close'] = '</li>';
    $config['cur_tag_open'] = '<li class="active"><a href="#">';
    $config['cur_tag_close'] = '</a></li>';
    $config['num_tag_open'] = '<li>';
    $config['num_tag_close'] = '</li>';
    $config['prev_link'] = '&laquo;';
    $config['prev_tag_open'] = '<li>';
    $config['prev_tag_close'] = '</li>';
    $config['next_link'] = '&raquo;';
    $config['next_tag_open'] = '<li>';
    $config['next_tag_close'] = '</li>';

and in view, you can just echo $links

 <div class="container text-right">
       <?= $links ?>
 </div>

Rest everything will remain same, only config and echo in view

Upvotes: 0

Related Questions