53 comments found.
Hi
I have some question about datatable.
How can i export pdf and excel from datatable?
I try this code but botton is not display.
import
const $ = require(‘jquery’); $.DataTable = require(‘datatables.net’); require(‘datatables.net-bs5’); require(‘datatables.net-buttons’); require(‘datatables.net-buttons/js/buttons.colVis.min.js’); require(‘datatables.net-buttons/js/buttons.flash.min.js’); require(‘datatables.net-buttons/js/buttons.html5.min.js’); require(‘datatables.net-buttons/js/buttons.print.min.js’); require(‘datatables.net-buttons-bs5’); require(‘datatables.net-responsive’); require(‘datatables.net-responsive-bs5’); require(‘datatables.net-fixedcolumns’); require(‘datatables.net-fixedcolumns-bs5’);
useEffect
useEffect(() => { $(’#datatableDefault’).DataTable({ dom: ”<’row mb-3’<’col-md-4 mb-3 mb-md-0’l><’col-md-8 text-end’<’d-lg-flex justify-content-end’f<’d-lg-block d-none’B>>>>t<’row align-items-center’<’mr-auto col-md-6 mb-3 mb-md-0 mt-n2 ‘i><’mb-0 col-md-6’p>>”, lengthMenu: [10, 20, 30, 40, 50], responsive: true, buttons: [ { extend: ‘pdf’, className: ‘btn btn-outline-default btn-sm ms-2’ }, { extend: ‘excel’, className: ‘btn btn-outline-default btn-sm’ } ] });
return function cleanUp() {
$('.dataTables_wrapper table').DataTable().destroy(true);
};
}, []);
// eslint-disable-next-line
Hi,
Have you include the required css as well?
import ‘datatables.net-bs5/css/dataTables.bootstrap5.min.css’; import ‘datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css’; import ‘datatables.net-fixedcolumns-bs5/css/fixedColumns.bootstrap5.min.css’; import ‘datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css’;
Best Regards, Sean.
Yes i’m import css already.
button print and csv is work normally but excel and pdf can’t use.
Hi,
For button excel and pdf, you might need to include another 3 library which is
https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.jsBest Regards, Sean.
Hi, is there a figma version of this ?
Hi,
Unfortunately, there is no figma version for this template.
Best Regards, Sean.
I need some customisation, can you help?
Hi,
For your information, customisation is not included in themeforest support scope.
Best Regards, Sean.
Hey, I want to add pages with no theme into the project,how do i add certain routes to not have the themes.?
Hi,
Unfortunately, the template has been configured in index.js to have all the css styling within the app. If you wish to have some pages with no theme into the project, you might need to exclude the core css from index.js and write it into a component.
Best Regards, Sean.
Hi,
Just bought this, could you please help install it on a server? everything is ready to do so
Hi,
Unfortunately, i’m not able to help you on this because this is not within the support scope.
Best Regards, Sean.
I am struggling with implementing modals on the signup page for Terms and Policies. They are working everywhere else. Google is not providing any answers. Any help would be appreciated. This is the error being thrown:
Uncaught TypeError: Cannot read properties of undefined (reading ‘backdrop’) at Modal._initializeBackDrop (modal.js:158:1) at new Modal (modal.js:69:1) at Modal.getOrCreateInstance (base-component.js:65:1) at HTMLAnchorElement.<anonymous> (modal.js:364:1) at HTMLDocument.handler (event-handler.js:118:1) _initializeBackDrop @ modal.js:158 Modal @ modal.js:69 getOrCreateInstance @ base-component.js:65 (anonymous) @ modal.js:364 handler @ event-handler.js:118
Hi,
Can you share how you implement the modal on signup page? This is because our demo page didn’t have that problem / issue of implementing the bootstrap modal.
https://seantheme.com/hud-react/ui/modal-notificationsBest Regards, Sean.
Well, as I am replying I found the issue.
Hi,
You may try to change the following code
data-target=”#modalTerms”
to
data-bs-target=”#modalTerms”
Best Regards, Sean.
Very happy with this so far. I’ve only come across one thing that has me stumped. I wish to add additional “covers” to the theme. I tried adding ones in theme-panel.jsx coverList and added the appropriate thumb and cover images. What other file needs to be edited to allow for additional covers? Thanks.
Hi,
Sorry for the late reply. Regarding your question, you may add your additional cover image into /src/scss/images/cover-*.jpg. and change the following code in
FILE: /src/scss/_helper.scss
LINE: 85
CODE: @for $i from 2 through 8 {
Best Regards, Sean.
Hi in this item, Do we got a complete html theme or this is only React ? I love it but i need a fullstack theme. thanks
Glad to hear that : )
amigo buenos dias, dentro de la compra no revise que este era con react y yo solo uso css en php, existe algun proceso para realizar la conversion?
Hi,
For that case, you might need to copy over the scss file into your php project or you may use the scss file to generate a css file by using gulp.
p.s you may purchase the html / laravel version as well.
Best Regards, Sean.
This uses jQuery! In React??? If I delete jQuery will the whole theme break or just some components?
Hi,
jQuery is used only for datatables which is requested by other user. If you are not using datatable, you may remove it.
Best Regards, Sean.
Oh, good. Perfect. Great theme. I just started modifying the layout and charts and it’s a joy to work with it.
Glad to hear that you enjoy to use it.
Best Regards, Sean.
BTW. Instead of the Datatable plugin I’ll just use Material UI React Tables for table sorting and selecting. https://mui.com/material-ui/react-table/ Thanks again for the prompt reply.
Hi,
Thanks for a great theme. Just a question. How can I restrict a route? For example, the Analytics Route to only when a user is logged in. Will appreciate it if you can give an example as I am having difficulty to implement this within your template as persistent states (After page refresh). I tried everything states, contexts, etc.
Hi,
For react router v6 authentication example, you may refer to the example below https://blog.logrocket.com/complete-guide-authentication-with-react-router-v6/Best regards, Sean.
Great work!
Thank you 