Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add datepicker, timepicker, datetimepicker, datatables #72

Closed
akhileshdarjee opened this issue Apr 10, 2018 · 8 comments
Closed

Add datepicker, timepicker, datetimepicker, datatables #72

akhileshdarjee opened this issue Apr 10, 2018 · 8 comments
Labels
documentation Documentation needs to be updated

Comments

@akhileshdarjee
Copy link

All the above libraries are must and basic requirements for an admin template.
Thanks for contributing such a beautiful template, I loved it :)

@beeman beeman added documentation Documentation needs to be updated component labels Apr 10, 2018
@ghost
Copy link

ghost commented Apr 12, 2018

datepicker, timepicker, datetimepicker as 1 library or 3 different libraries?

@codecalm
Copy link
Member

it will be probably one library
I'm working with new inputs on http://tabler.codecalm.net/new-inputs/form-elements.html

@akhileshdarjee
Copy link
Author

Bootstrap datepicker like below:
https://eonasdan.github.io/bootstrap-datetimepicker/

You can also find the timepicker on the same page. A different and convenient timepicker would be good :)

Datatables:
https://datatables.net

Integrating all the above libraries with tabler theme layout.

For Datepicker, you can decorate it with the layout of calender from your page:
https://tabler.github.io/tabler/sample-cards.html

@simioluwatomi
Copy link

You forgot to include Select2 and Typeahead in your list.

@akhileshdarjee
Copy link
Author

akhileshdarjee commented Apr 18, 2018

@codecalm : Instead of typeahead, I would recommend you to use default jQuery autocomplete.
Sharing the customized autocomplete code:
https://codepen.io/akhileshdarjee/pen/jxOvWX

You are free to use the code on tabler.

@rtd62
Copy link

rtd62 commented Apr 19, 2018

For those needing to add DataTables - add the following lines to the files below (was actually way easier than anticipated):

dashboard.js

shim: { 'datatables': ['bootstrap', 'jquery'], }, paths: { 'datatables.net': "assets/jquery.dataTables.min", 'datatables' : "assets/dataTables.bootstrap4.min" }

The file you're using the table in
<script type="text/javascript"> requirejs(["datatables"], function() { var oTable= $('#users').dataTable({ }); }); </script>

Also, don't forget to add the CSS in the header. Save the files where you would like and make sure they are called to those places in the paths.

If I am missing anything, please feel free to critique -- it's my first time dealing with require.js.

@AbbyJanke AbbyJanke mentioned this issue May 30, 2018
@lucasmaldonado
Copy link

@codecalm Hello, what is the status of the datepicker?. It is highly needed. I went to check the new inputs http://tabler.codecalm.net/new-inputs/form-elements.html but the datepicker is not working.

Thank you very much!

@chillios-dev
Copy link
Contributor

Hi all, We started v1 version. We will add it as a feature request to vote which part should be applied before / right-after release. Stay tuned!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Documentation needs to be updated
Projects
None yet
Development

No branches or pull requests

7 participants