부트스트랩 CRUD - buteuseuteulaeb CRUD

Grocery CRUD is a PHP library that works on top of Codeigniter framework. It doesnt require too much knowledge of PHP or Codeigniter to use it. Grocery CRUD can also be used by newcomers as it is easy to use. Just few simple lines of code and you can start creating a full functional CRUD (with all the Javascript, CSS, views included) for your project. If you are not sure where to start with, I would suggest to read the tutorial of Your first CRUD with grocery CRUD and/or see the quick video installation guide

Once your purchase is done, your will receive an email from PayPal and an email from grocery CRUD with a URL to download the bootstrap theme. Normally this will happen instantly. However, sometimes the email can take up to 1 hour to be delivered. If you still haven't received our email, check your spam folder or if you still have issues please send an email to and we will figure it out.

You are getting a fully working theme but without grocery CRUD or Codeigniter. Have in mind that you are getting only the theme which can be easily installed to your project following the steps of this tutorial. If you haven't worked on Codeignter or Grocery CRUD before, then it would be better to become familiar with grocery CRUD before you buy the theme. So, make sure that you've already installed grocery CRUD in your project and you are happy with all the functionality that grocery CRUD provides.

Bootstrap theme has some additional functionalities such as multiple search, multiple deletion of files e.t.c. but keep in mind that the grocery CRUD Core remains the same. This means that if you are not satisfied with the main features of grocery CRUD (e.g. you don't like the way the set_relation is working), don't expect this to have changed in the bootstrap theme.

There is not currently any purchased support but I will try to answer all of your questions.

Please have in mind that since I am just one person it may take me a while to answer. The answers are for free and hopefully worth waiting for. So please be patient... :)

No project is perfect and all might at some point have bugs. Grocery CRUD is not an exception. Below you can see a list of the known issues so far. This project is active so we are trying to solve as many issues as possible:

#23: when callback_before_delete returns false an error message doesn't appear on the page

Oh well... it used to be! We used to have all the themes available at the demo page but currently we are only showing-off the Enterprise edition themes that are looking pretty similar with the themes of the community edition. In case you would like to see exactly the theme that you are going to get visit the demo page of bootstrap theme (opens in new tab).

We did notice that in some cases the "more button" didn't work for some projects. If you are experiencing the same issue, below you can see the steps of how to solve this:

First of all, you will need to download the latest grocery CRUD to make sure that you are compatible with the theme. Once you have downloaded the latest grocery CRUD and installed it to your project you will need to add the below line of code:

$crud->unsetBootstrap();

with the above one line of code you are actually removing the calls for bootstrap JavaScript files and bootstrap CSS

So if you already have the bootstrap javascript libraries and the bootstrap CSS to your website template then you will not have any issues.

You can also do the same thing for jquery. So by simpy having:

$crud->unsetJquery();

you can remove the call of the jquery from grocery CRUD.

<div class="container"> <div class="table-wrapper"> <div class="table-title"> <div class="row"> <div class="col-sm-6"> <h2>Manage <b>Employees</b></h2> </div> <div class="col-sm-6"> <a href="#addEmployeeModal" class="btn btn-success" data-toggle="modal"><i class="material-icons"></i> <span>Add New Employee</span></a> <a href="#deleteEmployeeModal" class="btn btn-danger" data-toggle="modal"><i class="material-icons"></i> <span>Delete</span></a> </div> </div> </div> <table class="table table-striped table-hover"> <thead> <tr> <th> <span class="custom-checkbox"> <input type="checkbox" id="selectAll"> <label for="selectAll"></label> </span> </th> <th>Name</th> <th>Email</th> <th>Address</th> <th>Phone</th> <th>Actions</th> </tr> </thead> <tbody> <tr> <td> <span class="custom-checkbox"> <input type="checkbox" id="checkbox1" name="options[]" value="1"> <label for="checkbox1"></label> </span> </td> <td>Thomas Hardy</td> <td></td> <td>89 Chiaroscuro Rd, Portland, USA</td> <td>(171) 555-2222</td> <td> <a href="#editEmployeeModal" class="edit" data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="Edit"></i></a> <a href="#deleteEmployeeModal" class="delete" data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="Delete"></i></a> </td> </tr> <tr> <td> <span class="custom-checkbox"> <input type="checkbox" id="checkbox2" name="options[]" value="1"> <label for="checkbox2"></label> </span> </td> <td>Dominique Perrier</td> <td></td> <td>Obere Str. 57, Berlin, Germany</td> <td>(313) 555-5735</td> <td> <a href="#editEmployeeModal" class="edit" data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="Edit"></i></a> <a href="#deleteEmployeeModal" class="delete" data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="Delete"></i></a> </td> </tr> <tr> <td> <span class="custom-checkbox"> <input type="checkbox" id="checkbox3" name="options[]" value="1"> <label for="checkbox3"></label> </span> </td> <td>Maria Anders</td> <td></td> <td>25, rue Lauriston, Paris, France</td> <td>(503) 555-9931</td> <td> <a href="#editEmployeeModal" class="edit" data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="Edit"></i></a> <a href="#deleteEmployeeModal" class="delete" data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="Delete"></i></a> </td> </tr> <tr> <td> <span class="custom-checkbox"> <input type="checkbox" id="checkbox4" name="options[]" value="1"> <label for="checkbox4"></label> </span> </td> <td>Fran Wilson</td> <td></td> <td>C/ Araquil, 67, Madrid, Spain</td> <td>(204) 619-5731</td> <td> <a href="#editEmployeeModal" class="edit" data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="Edit"></i></a> <a href="#deleteEmployeeModal" class="delete" data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="Delete"></i></a> </td> </tr> <tr> <td> <span class="custom-checkbox"> <input type="checkbox" id="checkbox5" name="options[]" value="1"> <label for="checkbox5"></label> </span> </td> <td>Martin Blank</td> <td></td> <td>Via Monte Bianco 34, Turin, Italy</td> <td>(480) 631-2097</td> <td> <a href="#editEmployeeModal" class="edit" data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="Edit"></i></a> <a href="#deleteEmployeeModal" class="delete" data-toggle="modal"><i class="material-icons" data-toggle="tooltip" title="Delete"></i></a> </td> </tr> </tbody> </table> <div class="clearfix"> <div class="hint-text">Showing <b>5</b> out of <b>25</b> entries</div> <ul class="pagination"> <li class="page-item disabled"><a href="#">Previous</a></li> <li class="page-item"><a href="#" class="page-link">1</a></li> <li class="page-item"><a href="#" class="page-link">2</a></li> <li class="page-item active"><a href="#" class="page-link">3</a></li> <li class="page-item"><a href="#" class="page-link">4</a></li> <li class="page-item"><a href="#" class="page-link">5</a></li> <li class="page-item"><a href="#" class="page-link">Next</a></li> </ul> </div> </div> </div>  <div id="addEmployeeModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <form> <div class="modal-header"> <h4 class="modal-title">Add Employee</h4> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <div class="form-group"> <label>Name</label> <input type="text" class="form-control" required> </div> <div class="form-group"> <label>Email</label> <input type="email" class="form-control" required> </div> <div class="form-group"> <label>Address</label> <textarea class="form-control" required></textarea> </div> <div class="form-group"> <label>Phone</label> <input type="text" class="form-control" required> </div> </div> <div class="modal-footer"> <input type="button" class="btn btn-default" data-dismiss="modal" value="Cancel"> <input type="submit" class="btn btn-success" value="Add"> </div> </form> </div> </div> </div>  <div id="editEmployeeModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <form> <div class="modal-header"> <h4 class="modal-title">Edit Employee</h4> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <div class="form-group"> <label>Name</label> <input type="text" class="form-control" required> </div> <div class="form-group"> <label>Email</label> <input type="email" class="form-control" required> </div> <div class="form-group"> <label>Address</label> <textarea class="form-control" required></textarea> </div> <div class="form-group"> <label>Phone</label> <input type="text" class="form-control" required> </div> </div> <div class="modal-footer"> <input type="button" class="btn btn-default" data-dismiss="modal" value="Cancel"> <input type="submit" class="btn btn-info" value="Save"> </div> </form> </div> </div> </div>  <div id="deleteEmployeeModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <form> <div class="modal-header"> <h4 class="modal-title">Delete Employee</h4> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <p>Are you sure you want to delete these Records?</p> <p class="text-warning"><small>This action cannot be undone.</small></p> </div> <div class="modal-footer"> <input type="button" class="btn btn-default" data-dismiss="modal" value="Cancel"> <input type="submit" class="btn btn-danger" value="Delete"> </div> </form> </div> </div> </div>