themeselection / sneat-bootstrap-html-admin-template-free

Most Powerful & Comprehensive Free Bootstrap 5 HTML Admin Dashboard Template built for developers! 🚀
https://demos.themeselection.com/sneat-bootstrap-html-admin-template-free/html/
MIT License
998 stars 219 forks source link

JS not Working while integrating html bootstrap 5 free version to Vue Js or React js #33

Closed mianmohsin188 closed 5 months ago

mianmohsin188 commented 5 months ago

Steps to reproduce

i have implemented free version of [sneat-bootstrap-html-admin-template-free] to vue js i have imported all files css or js provided in themes found in htm folder suppose i have implemented dashboard content in my react or vue components with vite and npm. I have also installed gulp and npm package as guided in documentation main.js (React) import React from 'react' import ReactDOM from 'react-dom/client' import { Provider } from 'react-redux'; import { configureStore } from '@reduxjs/toolkit'; import authReducer from './store/auth/authSlice.jsx'; import App from './App.jsx'

import "./assets/vendor/fonts/boxicons.css" import "./assets/css/demo.css" import "./assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" import "./assets/vendor/css/pages/page-auth.css" import "./assets/vendor/libs/apex-charts/apex-charts.css" import "./assets/vendor/js/helpers.js" import "./assets/js/config.js"

import "./assets/vendor/libs/jquery/jquery.js" import "./assets/vendor/libs/popper/popper.js" import "./assets/vendor/js/bootstrap.js" import "./assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js" import "./assets/vendor/js/menu.js" import "./assets/vendor/libs/apex-charts/apexcharts.js" import "./assets/js/main.js" import "./assets/js/dashboards-analytics.js"

import './index.css' const store = configureStore({ reducer: { auth: authReducer, }, });

ReactDOM.createRoot(document.getElementById('root')).render(

, ) ![image](https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/assets/20639671/ba77de6b-6f04-4422-a1a0-6d676d908850) unable to get password to text when click when no js is loaded as per my observations so as when i logged in dashboard sidebar menus dropdown ist are not expanding further more charts are not showing css is workin fine but some expandable menus not working Please help me in this regard ### What is expected? i want that theme should be work as it is in demo ### What is actually happening? all case is defined in Steps to reproduce setion ### Additional data i am using npm and all js that is defined in htlm file like dashboard and auth-login filt in tml folder
PruthviPraj00 commented 5 months ago

Hello @mianmohsin188,

Rather than integrating React or Vue with HTML, we suggest using our Sneat Vue Free. While this free version doesn't have authentication integrated, it will be easier to add. Currently, there is no free version for React, but you can purchase the pro version Sneat React Pro. If you need any assistance, feel free to ask.

mianmohsin188 commented 5 months ago

Hi thanks for your reply but I don't want to use vuetify that's why I am integrating simple html 5 bootstrap template in it . Can u please help in this regard or suggest me any procedure

On Wed, 12 Jun 2024, 6:42 pm Pruthvi prajapati, @.***> wrote:

Hello @mianmohsin188 https://github.com/mianmohsin188,

Rather than integrating React or Vue with HTML, we suggest using our Sneat Vue Free https://themeselection.com/item/sneat-free-vuetify-vuejs-admin-template/. While this free version doesn't have authentication integrated, it will be easier to add. Currently, there is no free version for React, but you can purchase the pro version Sneat React Pro https://themeselection.com/item/sneat-mui-react-nextjs-admin-template/. If you need any assistance, feel free to ask.

— Reply to this email directly, view it on GitHub https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/issues/33#issuecomment-2163043803, or unsubscribe https://github.com/notifications/unsubscribe-auth/AE5O7N7C7H7YI6AX63YKADLZHBF43AVCNFSM6AAAAABJFG6DYKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNRTGA2DGOBQGM . You are receiving this because you were mentioned.Message ID: <themeselection/sneat-bootstrap-html-admin-template-free/issues/33/2163043803 @github.com>

PruthviPraj00 commented 5 months ago

Hello @mianmohsin188,

Thanks for getting in touch with us.

Sorry, Integration and customization are not part of support. You can read all about the support policy here: https://themeforest.net/page/item_support_policy

Feel free to get in touch if you have any other queries.

mianmohsin188 commented 5 months ago

Thank you for your response. I have managed to resolve this issue.

Thank you

On Thu, 13 Jun 2024, 6:11 pm Pruthvi prajapati, @.***> wrote:

Hello @mianmohsin188 https://github.com/mianmohsin188,

Thanks for getting in touch with us.

Sorry, Integration and customization are not part of support. You can read all about the support policy here: https://themeforest.net/page/item_support_policy

Feel free to get in touch if you have any other queries.

— Reply to this email directly, view it on GitHub https://github.com/themeselection/sneat-bootstrap-html-admin-template-free/issues/33#issuecomment-2165629494, or unsubscribe https://github.com/notifications/unsubscribe-auth/AE5O7N3TEMG5NFHN43Q6SK3ZHGLAHAVCNFSM6AAAAABJFG6DYKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNRVGYZDSNBZGQ . You are receiving this because you were mentioned.Message ID: <themeselection/sneat-bootstrap-html-admin-template-free/issues/33/2165629494 @github.com>

PruthviPraj00 commented 5 months ago

Hi @mianmohsin188 ,

Thank you for choosing our product/service. We hope that you had a positive experience with our team and found our product/support to be useful.

If you have a few moments to spare, we would greatly appreciate it if you could leave us a 5-star rating and a positive review. Your feedback would also help us to improve our product/support.

Writing a review is quick and easy! Just head over to this article to learn how to share your feedback and experience with us. Thank you for your time and support. We value your feedback and look forward to hearing from you soon. Best regards