1060 comments found.
Hi, When I refresh the page of the (data) tables, there is a display problem for a few moments and it’s quite disturbing when you take a look at the functioning of your site. Video : https://gyazo.com/8cfae7cb5d561152f50a642013e6ae6e Thank you !
(I use the last version of Firefox on Mac).
Dear Zondium,
Thank you for contacting Design Reset.
This is because the dataTable took some time to load the script.
We suggest you using a loader.
Kindest Regards,
Design Reset Team
How can I integrate a loader only on the loading of data tables? Can you provide me examples with a loader already integrated in Cork ? Thank you for your help.
Dear Zondium,
We have already applied the loader in our dashboard so you just have to copy loader.css and loader.js files link and paste them accordingly.
Also, apply the following code inside the body.
<!-- BEGIN LOADER -->
<div id="load_screen"> <div class="loader"> <div class="loader-content">
<div class="spinner-grow align-self-center" />
</div></div></div>
<!-- END LOADER -->
Kindest Regards,
Design Reset Team
Nice, thanks !!
You are Welcome 
Dear Team, facing an issue when around more than 20 columns or so are there in html5-extension table : from right side the widget cuts off and does not show columns properly and scroll bar does not show up for scrolling to right side columns data : if we resize browser to small for mobile view test, scrollbars comes up and works fine. Kindly suggest for more information i uploaded image at biotap.co.in/issue.png Regards Rahul Makkar
Dear rahulmakkar79,
Thank you for contacting Design Reset.
Try to add horizontal scroll, link mentioned below;
- https://datatables.net/examples/basic_init/scroll_x.html
Kindest Regards,
Design Reset Team
Thanks its done!
You are most Welcome
Hello good day. The styles for the tables do not work. The generated padding is excessive, and I tried to place all the css and js scripts but it doesn’t work for me, please help with that as I mainly buy your template by the tables.
Dear LkRodi,
If you are using tables. You have to include main.css
but,
If you are using data tables. You have to include datatables.css, dt-global_style.css, datatables.js, main.css, and related CSS.
Kindest Regards,
Design Reset Team
Hi, i wanted to put a link in the menu that doesn’t have dropdowns but i can’t seem to make it work. One example would be my Home link which doesn’t have any options.
Dear toturimikoto,
Let us know
1. Which framework you are using HTML or Laravel?
2. Which demo you are using?
Kindest Regards,
Design Reset Team
hi, I have question about license, where can I ask by email?
you can contact us at; info@designreset.com
Hi Support,
please help, How to export datatable to PDF ? i m trying using below code, but button “pdf” does not appear.
"dom": '<"row"<"col-md-12"<"row"<"col-md-12"B>> ><"col-md-12"rt> <"col-md-12"<"row"<"col-md-12"i>>> >',
"buttons": {
"buttons": [
{ "extend": 'csv', "className": 'btn' },
{ "extend": 'excel', "className": 'btn' },
{ "extend": 'pdf', "className": 'btn' },Dear guzt,
Thank you for contacting Design Reset.
The code you have provided is just for implementing the button in the dataTable.
Kindly follow the link mentioned below
- https://datatables.net/extensions/buttons/examples/html5/simple.html
Kindest Regards,
Design Reset Team
Looking forward to hearing from you!
Dear Dhannychaoo,
1. How can I increase the width of the sidebar?
Open structure.css and find the CSS mentioned below
.sidebar-wrapper {
// width is defined inside this property
}
2. My sidebar menu is long, because of that, I can’t be able to scroll down
The scroll is already planted in the sidebar. Kindly check the console if it’s not working
Kindest Regards,
Design Reset Team
How do i check the console? i am using Html.
Hello Dhannychaoo,
Press F12 on Chrome or Firefox. Navigate to console tab to check errors.
Kindest Regards,
Design Reset Team
Greetings, Dev I can’t use the autocomplete, even copying the links and scripts on my page, but the input doesn’t bring the countries, it’s like normal input.
Dear aguiry,
Thank you for contacting Design Reset.
Check the following steps:
1. Have you applied the triggered function?
2. Errors in the console.
If the issue still. Kindly share a screenshot of console and webpage as we as share the code ( HTML, JS, CSS )
Kindest Regards,
Design Reset Team
How can I apply the function?
Dear aguiry,
Follow the steps:
1. Apply the CSS and JS plugins links
2. Apply the trigger js mentioned below.
var countriesArray = $.map(countries, function (value, key) { return { value: value, data: key }; });
// Setup jQuery ajax mock:
$.mockjax({
url: '*',
responseTime: 2000,
response: function (settings) {
var query = settings.data.query,
queryLowerCase = query.toLowerCase(),
re = new RegExp('\\b' + $.Autocomplete.utils.escapeRegExChars(queryLowerCase), 'gi'),
suggestions = $.grep(countriesArray, function (country) {
// return country.value.toLowerCase().indexOf(queryLowerCase) === 0;
return re.test(country.value);
}),
response = {
query: query,
suggestions: suggestions
};
this.responseText = JSON.stringify(response);
}
});
$('#country').autocomplete({
lookup: countriesArray,
minChars: 1,
onSelect: function (suggestion) {
$('#selection-country').html('You selected: ' + suggestion.value);
},
showNoSuggestionNotice: true,
noSuggestionNotice: 'Sorry, no matching results',
groupBy: 'category'
});
You can also view more examples with the code in the link mentioned below.
- https://designreset.com/cork/ltr/demo4/form_typeahead.html
Kindest Regards,
Design Reset Team
Good day, does this theme include the HTML and the Laravel themes? Thank you in advance.
Hello ShadowF,
Thank you for contacting Design Reset.
Yes it includes HTML and Laravel Admin templates.
Kindest Regards,
Design Reset Team
Thank you for the quick response and that is great news. Kind Regards
You are most Welcome
Dear Support.
==> auth_login.html
I want to switch With pictures on the left and login on the right
Dear akachai1526,
Thank you for contacting Design Reset
To do so you have to make some changes inside form-1.css file.
1. Add margin: 0 0 0 auto; inside form-form
.form-form {
width: 50%;
display: flex;
flex-direction: column;
min-height: 100%;
margin: 0 0 0 auto;
}
2. Edit .form-image from right to left.
.form-image {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: fixed;
right: 0; ------------------------> convert it into left: 0;
min-height: auto;
height: 100vh;
width: 50%;
}
Kindest Regards,
Design Reset Team
Thank you for the quick response.
You are most Welcome
Como puedo realizar el cambio de color del menu del Theme.? Gracias
Dear sotecdi,
To change the color of the theme you have make changes inside structure.css and main.css
Kindest Regards,
Design Reset Team
Bonjour, Nous allons utiliser Cork pour un projet qui va bientôt démarrer. Ce projet sera développé avec vueJS et nous allons transposer un maximum vos composants actuellement sur bootstrap.
J’ai vu dans les commentaires que vous étiez justement en train de développer une version pour Vue … et ça arrive au bon moment pour nous ! Avez-vous une estimation de la fin de vos travaux pour la version Vue de Cork ? Je vous remercie infiniment si vous pouvez nous transmettre cette information afin que nous puissions utiliser ça dans nos développements .
Bravo pour vos développements et outils et merci, THibaut
Dear thdev,
Thank you for contacting Design Reset.
We are glad that you like our product. Currently we are working to launch all Laravel Demos and then we will develop React version of Cork Admin Template. Vue version of template will be launched later.
Kindest Regards,
Design Reset Team
Cher thdev,
Merci d’avoir contacté Design Reset.
Nous sommes heureux que vous appréciez notre produit. Actuellement, nous travaillons pour lancer toutes les démos de Laravel, puis nous développerons la version React du modèle d’administration de Cork. La version Vue du modèle sera lancée plus tard.
Meilleures salutations,
Design Reset Team
Hello thdev,
Vuejs version of Cork Admin is now available as a separate item on Themeforest.
Please check the link below;
- https://themeforest.net/item/cork-vuejs-laravel-admin-dashboard-template/35448989
Kindest Regards,
Design Reset Team
Nice design: D I want to use the “html” template, not using gulp or sass. Pages are downloaded asynchronously: data separately and html template separately. Is it possible based on what I get after purchase?
Hello auxpol,
Thank you for contacting Design Reset.
The cork admin template comes with 10 different demos in both LTR and RTL variants. Every demo contains respective LTR and RTL folder.
Each folder contains HTML, CSS, Js and Sass files. You can start working with vanilla HTML, CSS and Js files.
Sass files are provided separately for users who want to work with Gulp task manager.
For more information, please check our documentation listed below;
- https://designreset.com/cork/documentation/admin_structure.html
Kindest Regards,
Design Reset Team
Hello, How can i use icon on my Cork admin dashboard. like i want to use the dollar sign. and other sign. i won’t mind if you can show me an exxample
Dear Dhannychaoo,
Thank you for contacting Design Reset.
Feather Icons
There are two steps for Feather icons
1. Download the icon and open the icon file and paste the SVG into your HTML
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-dollar-sign"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
2. Download the feather icon js and link the file using the icon name inside the tag
Usage:
<i data-feather="dollar-sign" /> <script> feather.replace() </script>
For more information kindly refer the Feather icons docs
- https://github.com/feathericons/feather#feather
Fontawesome icons
Link the CSS file and define the icon name inside the tag
For more information kindly refer the font awesome docs
- https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use
Kindest Regards,
Design Reset Team
Thank you so much!, Regarding the ” ICON JavaScript link”, Where did Cork stored the used SVG js that was used in the Cork Admin demo page.
for example if i am using 20 icons in a single page, will i have to have 20 of this js before the end of
<script> feather.replace() </script>
Dear Dhannychaoo,
1. You can find all feather icons SVG’s and js navigate inside plugins/font-icons/feather/ ALL icons SVG’s AND Feather icon js
2. No, you don’t have to add <script> feather.replace() </script> again just once at the bottom of the page.
Kindest Regards,
Design Reset Team
Hello, how to remove Chevron on horizontal navigation when it’s displayed at mobile? https://pasteboard.co/JjxUWwt.png
Dear munggaran,
Thank you for contacting Design Reset.
To remove the chevron icon find the css mentined below inside (max-width: 991px) media query
.topbar-nav.header nav#topbar ul.menu-categories li.menu > .dropdown-toggle svg.feather-chevron-down
add display none
Kindest Regards,
Design Reset Team
Hi, want to put icon beside sub item on vertical menu, ss: https://pasteboard.co/JjwZeQ7.png , how can I do that?
Dear munggaran,
Thank you for contacting Design Reset
Copy the icon SVG and paste it inside the submenu and style it as you wish.
Kindest Regards Design Reset Team
hi, i’ve tried that but seems the icon and text become too much space 
Dear munggaran,
Kindly share screenshot regarding the issue.
Kindest Regards,
Design Reset Team
hi, this is the ss: https://pasteboard.co/JjFYJ8o.png
Dear munggaran,
The alignment is because of justify-content: space-between; find the following class inside @media (min-width: 992px)
.topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu li a {
display: flex;
justify-content: space-between; -----------------> Remove this property
color: #888ea8;
white-space: nowrap;
align-items: center;
transition: all 0.2s ease-in-out;
padding: 4px 24px;
font-size: 13px;
font-weight: 600;
color: #888ea8;
letter-spacing: 0px;
line-height: 24px;
}
Kindest Regards,
Design Reset Team
thanks, one more thing, when displayed as mobile, it still has bullets/dot, how can I remove it? , ss: https://pasteboard.co/JjHM3MU.png
Dear munggaran,
Find the CSS mentined below inside max-width 991px media-query and add display:none;
@media (max-width: 991px)
.topbar-nav.header nav#topbar ul.menu-categories li.menu .submenu li a:before {
}
Kindest Regards,
Design Reset Team
hi, thanks for resolving, but I have another issue to remove bullet for single link (mobile view), ss here: https://pasteboard.co/JjPTcWT.png
Dear munggaran,
Find the CSS mentined below inside max-width 991px media-query and add display:none;
@media (max-width: 991px)
.topbar-nav.header nav#topbar ul.menu-categories li.menu > .dropdown-toggle svg.feather-chevron-down {
color: #888ea8;
width: 15px;
height: 15px;
align-self: center;
display: none; ------------- Added property
}
Kindest Regards,
Design Reset Team
Hi, if I do above, then it will remove all the dropdown, I think it’s better than having all dropdown icon, but if you can suggest to show dropdown for menu that only has sub-menu then it will be great, ss: https://pasteboard.co/JjQfCBo.png
Dear munggaran,
We have test the code on our side it work’s exactly you want.
Kindly share your sidebar code. So that we can help easily
Kindest Regards,
Design Reset Team
below my code:
https://paste.ofcode.org/4AkccYG3iPhxsYxrge9qEVlink for paste of Code: https://paste.ofcode.org/4AkccYG3iPhxsYxrge9qEV
Dear munggaran,
We are sharing a screenshot with both the chevron CSS code. Kindly check both CSS inside structure.css file. Maybe you have removed them accidentally.
1. Main Menu
- https://pasteboard.co/JjRmgqq.png
2. Submenu
- https://pasteboard.co/JjRmN7D.png
Kindest Regards,
Design Reset Team
hi, thanks for the enlightenment, the issue has been resolved now, great support 
You are most Welcome. Do rate us if you like our product and services 
Kindest Regards,
Design Reset Team
How to capture the value in https://designreset.com/cork/ltr/demo7/form_bootstrap_select.html > “Limit the number of selections” type dropdown in Bootstrap Select.
I want to capture all the Comma-Seperated values and post them to a PHP form.
Please give an example.
Dear kmanojkumar,
Thank you for contacting Design Reset
To limit the number of option selection kindly use data-max-options. The example is already given in the link – https://designreset.com/cork/ltr/demo7/form_bootstrap_select.html
To get the comma-separated value kindly follow the link mentioned below
- https://stackoverflow.com/questions/41843395/get-the-current-value-in-bootstrap-select
Kindest Regards,
Design Reset Team
How to make modal only close when we click ‘x’ or close button? Currently my modal will close if click on outside modal.
Dear guzt,
Thank you for contacting Design Reset
Have to try to add data-dismiss=”modal”
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">Button</button>
Kindest Regards,
Design Reset Team
i m not asking about adding button. I already add button close.
My question is “Can we make modal not close if we click on outside dialog ?”
Dear guzt,
Thank you for contacting Design Reset.
Kindly follow the link mentioned below;
Kindest Regards,
Design Reset Team
Hi, I followed the documention precisely but, when I run npm run dev, I get the following error. I tried npm install ans npm install—save and composer install but nothing seems to work. (Laravel tmpt)
PS D:\wamp64\www\dark> npm run dev
> @ dev D:\wamp64\www\dark > npm run development
> @ development D:\wamp64\www\dark > cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js—progress—hide-modules—config=node_modules/laravel-mix/setup/webpack.config.js
98% after emitting SizeLimitsPlugin
ERROR Failed to compile with 1 errors 12:14:24 PMThis dependency was not found:
- D:\wamp64\www\dark\resources\sass\assets\scrollspy.scss in multi ./node_modules/laravel-mix/src/builder/mock-entry.js ./resources/sass/assets/structure.scss ./resources/sass/assets/loader.scss ./resources/sass/assets/main.scss ./resources/sass/assets/scrollspy.scss ./resources/sass/assets/apps/contacts.scss ./resources/sass/assets/apps/invoice.scss ./resources/sass/assets/apps/mailbox.scss ./resources/sass/assets/apps/mailing-chat.scss ./resources/sass/assets/apps/notes.scss ./resources/sass/assets/apps/scrumboard.scss ./resources/sass/assets/apps/todolist.scss ./resources/sass/assets/authentication/form-1.scss ./resources/sass/assets/authentication/form-2.scss ./resources/sass/assets/components/custom-carousel.scss ./resources/sass/assets/components/custom-countdown.scss ./resources/sass/assets/components/custom-counter.scss ./resources/sass/assets/components/custom-list-group.scss ./resources/sass/assets/components/custom-media_object.scss ./resources/sass/assets/components/custom-modal.scss ./resources/sass/assets/components/custom-sweetalert.scss ./resources/sass/assets/components/cards/card.scss ./resources/sass/assets/components/tabs-accordian/custom-accordions.scss ./resources/sass/assets/components/tabs-accordian/custom-tabs.scss ./resources/sass/assets/components/timeline/custom-timeline.scss ./resources/sass/assets/elements/alert.scss ./resources/sass/assets/elements/avatar.scss ./resources/sass/assets/elements/breadcrumb.scss ./resources/sass/assets/elements/custom-pagination.scss ./resources/sass/assets/elements/custom-tree_view.scss ./resources/sass/assets/elements/infobox.scss ./resources/sass/assets/elements/miscellaneous.scss ./resources/sass/assets/elements/popover.scss ./resources/sass/assets/elements/search.scss ./resources/sass/assets/elements/tooltip.scss ./resources/sass/assets/forms/bootstrap-form.scss ./resources/sass/assets/forms/custom-clipboard.scss ./resources/sass/assets/forms/switches.scss ./resources/sass/assets/forms/theme-checkbox-radio.scss ./resources/sass/assets/pages/coming-soon/style.scss ./resources/sass/assets/pages/error/style-400.scss ./resources/sass/assets/pages/error/style-500.scss ./resources/sass/assets/pages/error/style-503.scss ./resources/sass/assets/pages/error/style-maintanence.scss ./resources/sass/assets/pages/faq/faq.scss ./resources/sass/assets/pages/faq/faq2.scss ./resources/sass/assets/pages/privacy/privacy.scss ./resources/sass/assets/pages/contact_us.scss ./resources/sass/assets/pages/helpdesk.scss ./resources/sass/assets/tables/table-basic.scss ./resources/sass/assets/users/account-setting.scss ./resources/sass/assets/users/user-profile.scss ./resources/sass/assets/widgets/modules-widgets.scss ./resources/sass/plugins/animate/animate.scss ./resources/sass/plugins/autocomplete/autocomplete.scss ./resources/sass/plugins/bootstrap-range-Slider/bootstrap-slider.scss ./resources/sass/plugins/bootstrap-select/bootstrap-select.min.scss ./resources/sass/plugins/bootstrap-touchspin/jquery.bootstrap-touchspin.min.scss ./resources/sass/plugins/drag-and-drop/dragula/dragula.scss ./resources/sass/plugins/drag-and-drop/dragula/example.scss ./resources/sass/plugins/dropify/dropify.min.scss ./resources/sass/plugins/editors/markdown/simplemde.min.scss ./resources/sass/plugins/editors/quill/quill.bubble.scss ./resources/sass/plugins/editors/quill/quill.snow.scss ./resources/sass/plugins/file-upload/file-upload-with-preview.min.scss ./resources/sass/plugins/flatpickr/custom-flatpickr.scss ./resources/sass/plugins/fullcalendar/custom-fullcalendar.advance.scss ./resources/sass/plugins/fullcalendar/fullcalendar.min.scss ./resources/sass/plugins/fullcalendar/fullcalendar.scss ./resources/sass/plugins/jquery-step/jquery.steps.scss ./resources/sass/plugins/jvector/jquery-jvectormap-2.0.3.scss ./resources/sass/plugins/lightbox/custom-photswipe.scss ./resources/sass/plugins/lightbox/photoswipe.scss ./resources/sass/plugins/loaders/custom-loader.scss ./resources/sass/plugins/noUiSlider/custom-nouiSlider.scss ./resources/sass/plugins/perfect-scrollbar/perfect-scrollbar.scss ./resources/sass/plugins/pricing-table/css/component.scss ./resources/sass/plugins/select2/select2.min.scss ./resources/sass/plugins/sweetalerts/sweetalert.scss ./resources/sass/plugins/sweetalerts/sweetalert2.min.scss ./resources/sass/plugins/table/datatable/custom_dt_custom.scss ./resources/sass/plugins/table/datatable/custom_dt_html5.scss ./resources/sass/plugins/table/datatable/custom_dt_miscellaneous.scss ./resources/sass/plugins/table/datatable/custom_dt_multiple_tables.scss ./resources/sass/plugins/table/datatable/datatables.scss ./resources/sass/plugins/table/datatable/datatables-light.scss ./resources/sass/plugins/table/datatable/dt-global_style.scss ./resources/sass/plugins/table/datatable/dt-global_style-light.scss ./resources/sass/plugins/tagInput/tags-input.scss
To install it, you can run: npm install—save D:\wamp64\www\dark\resources\sass\assets\scrollspy.scss Asset Size Chunks Chunk Names /assets/css/apps/contacts.css 14.2 KiB mix [emitted] mix /assets/css/apps/invoice.css 9.99 KiB mix [emitted] mix /assets/css/apps/mailbox.css 27.5 KiB mix [emitted] mix /assets/css/apps/mailing-chat.css 23.5 KiB mix [emitted] mix /assets/css/apps/notes.css 12.9 KiB mix [emitted] mix /assets/css/apps/scrumboard.css 14.6 KiB mix [emitted] mix /assets/css/apps/todolist.css 14.1 KiB mix [emitted] mix /assets/css/authentication/form-1.css 5.35 KiB mix [emitted] mix /assets/css/authentication/form-2.css 6.41 KiB mix [emitted] mix /assets/css/components/cards/card.css 9.61 KiB mix [emitted] mix /assets/css/components/custom-carousel.css 4.19 KiB mix [emitted] mix /assets/css/components/custom-countdown.css 1.25 KiB mix [emitted] mix /assets/css/components/custom-counter.css 1.55 KiB mix [emitted] mix /assets/css/components/custom-list-group.css 5.6 KiB mix [emitted] mix /assets/css/components/custom-media_object.css 3.79 KiB mix [emitted] mix /assets/css/components/custom-modal.css 6.8 KiB mix [emitted] mix /assets/css/components/custom-sweetalert.css 280 bytes mix [emitted] mix /assets/css/components/tabs-accordian/custom-accordions.css 2.35 KiB mix [emitted] mix /assets/css/components/tabs-accordian/custom-tabs.css 11.7 KiB mix [emitted] mix /assets/css/components/timeline/custom-timeline.css 13.4 KiB mix [emitted] mix /assets/css/elements/alert.css 4.62 KiB mix [emitted] mix /assets/css/elements/avatar.css 1.79 KiB mix [emitted] mix /assets/css/elements/breadcrumb.css 5.69 KiB mix [emitted] mix /assets/css/elements/custom-pagination.css 6.91 KiB mix [emitted] mix /assets/css/elements/custom-tree_view.css 4.14 KiB mix [emitted] mix /assets/css/elements/infobox.css 2.55 KiB mix [emitted] mix /assets/css/elements/miscellaneous.css 278 bytes mix [emitted] mix /assets/css/elements/popover.css 3.08 KiB mix [emitted] mix /assets/css/elements/search.css 4.91 KiB mix [emitted] mix /assets/css/elements/tooltip.css 1.66 KiB mix [emitted] mix /assets/css/forms/bootstrap-form.css 2.37 KiB mix [emitted] mix /assets/css/forms/custom-clipboard.css 443 bytes mix [emitted] mix /assets/css/forms/switches.css 7.28 KiB mix [emitted] mix /assets/css/forms/theme-checkbox-radio.css 11.9 KiB mix [emitted] mix /assets/css/loader.css 535 bytes mix [emitted] mix /assets/css/main.css 53.9 KiB mix [emitted] mix /assets/css/pages/coming-soon/style.css 5.55 KiB mix [emitted] mix /assets/css/pages/contact_us.css 3.7 KiB mix [emitted] mix /assets/css/pages/error/style-400.css 2.1 KiB mix [emitted] mix /assets/css/pages/error/style-500.css 2.1 KiB mix [emitted] mix /assets/css/pages/error/style-503.css 2.1 KiB mix [emitted] mix /assets/css/pages/error/style-maintanence.css 1.98 KiB mix [emitted] mix /assets/css/pages/faq/faq.css 9.43 KiB mix [emitted] mix /assets/css/pages/faq/faq2.css 3.2 KiB mix [emitted] mix /assets/css/pages/helpdesk.css 9.02 KiB mix [emitted] mix /assets/css/pages/privacy/privacy.css 4.77 KiB mix [emitted] mix /assets/css/structure.css 31.8 KiB mix [emitted] mix /assets/css/tables/table-basic.css 2.99 KiB mix [emitted] mix /assets/css/users/account-setting.css 8.02 KiB mix [emitted] mix /assets/css/users/user-profile.css 10.3 KiB mix [emitted] mix /assets/css/widgets/modules-widgets.css 44.5 KiB mix [emitted] mix /plugins/animate/animate.css 48.5 KiB mix [emitted] mix /plugins/autocomplete/autocomplete.css 1.19 KiB mix [emitted] mix /plugins/bootstrap-range-Slider/bootstrap-slider.css 1.47 KiB mix [emitted] mix /plugins/bootstrap-select/bootstrap-select.min.css 12.3 KiB mix [emitted] mix /plugins/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css 1.2 KiB mix [emitted] mix /plugins/drag-and-drop/dragula/dragula.css 732 bytes mix [emitted] mix /plugins/drag-and-drop/dragula/example.css 11.5 KiB mix [emitted] mix /plugins/dropify/dropify.min.css 10.9 KiB mix [emitted] mix /plugins/editors/markdown/simplemde.min.css 12.2 KiB mix [emitted] mix /plugins/editors/quill/quill.bubble.css 24.8 KiB mix [emitted] mix /plugins/editors/quill/quill.snow.css 24.1 KiB mix [emitted] mix /plugins/file-upload/file-upload-with-preview.min.css 3.05 KiB mix [emitted] mix /plugins/flatpickr/custom-flatpickr.css 4.36 KiB mix [emitted] mix /plugins/fullcalendar/custom-fullcalendar.advance.css 7.25 KiB mix [emitted] mix /plugins/fullcalendar/fullcalendar.css 19.4 KiB mix [emitted] mix /plugins/fullcalendar/fullcalendar.min.css 17.8 KiB mix [emitted] mix /plugins/jquery-step/jquery.steps.css 17.5 KiB mix [emitted] mix /plugins/jvector/jquery-jvectormap-2.0.3.css 6.52 KiB mix [emitted] mix /plugins/lightbox/custom-photswipe.css 1.75 KiB mix [emitted] mix /plugins/lightbox/photoswipe.css 3.74 KiB mix [emitted] mix /plugins/loaders/custom-loader.css 2.8 KiB mix [emitted] mix /plugins/noUiSlider/custom-nouiSlider.css 1.26 KiB mix [emitted] mix /plugins/perfect-scrollbar/perfect-scrollbar.css 2.78 KiB mix [emitted] mix /plugins/pricing-table/component.css 8.75 KiB mix [emitted] mix /plugins/select2/select2.min.css 17.3 KiB mix [emitted] mix /plugins/sweetalerts/sweetalert.css 17.1 KiB mix [emitted] mix /plugins/sweetalerts/sweetalert2.min.css 17 KiB mix [emitted] mix /plugins/table/custom_dt_custom.css 2.51 KiB mix [emitted] mix /plugins/table/custom_dt_html5.css 363 bytes mix [emitted] mix /plugins/table/custom_dt_miscellaneous.css 711 bytes mix [emitted] mix /plugins/table/custom_dt_multiple_tables.css 233 bytes mix [emitted] mix /plugins/table/datatables-light.css 6.58 KiB mix [emitted] mix /plugins/table/datatables.css 6.58 KiB mix [emitted] mix /plugins/table/dt-global_style-light.css 5.51 KiB mix [emitted] mix /plugins/table/dt-global_style.css 5.35 KiB mix [emitted] mix /plugins/tagInput/tags-input.css 1.04 KiB mix [emitted] mix
ERROR in multi ./node_modules/laravel-mix/src/builder/mock-entry.js ./resources/sass/assets/structure.scss ./resources/sass/assets/loader.scss ./resources/sass/assets/main.scss ./resources/sass/assets/scrollspy.scss ./resources/sass/assets/apps/contacts.scss ./resources/sass/assets/apps/invoice.scss ./resources/sass/assets/apps/mailbox.scss ./resources/sass/assets/apps/mailing-chat.scss ./resources/sass/assets/apps/notes.scss ./resources/sass/assets/apps/scrumboard.scss ./resources/sass/assets/apps/todolist.scss ./resources/sass/assets/authentication/form-1.scss ./resources/sass/assets/authentication/form-2.scss ./resources/sass/assets/components/custom-carousel.scss ./resources/sass/assets/components/custom-countdown.scss ./resources/sass/assets/components/custom-counter.scss ./resources/sass/assets/components/custom-list-group.scss ./resources/sass/assets/components/custom-media_object.scss ./resources/sass/assets/components/custom-modal.scss ./resources/sass/assets/components/custom-sweetalert.scss ./resources/sass/assets/components/cards/card.scss ./resources/sass/assets/components/tabs-accordian/custom-accordions.scss ./resources/sass/assets/components/tabs-accordian/custom-tabs.scss ./resources/sass/assets/components/timeline/custom-timeline.scss ./resources/sass/assets/elements/alert.scss ./resources/sass/assets/elements/avatar.scss ./resources/sass/assets/elements/breadcrumb.scss ./resources/sass/assets/elements/custom-pagination.scss ./resources/sass/assets/elements/custom-tree_view.scss ./resources/sass/assets/elements/infobox.scss ./resources/sass/assets/elements/miscellaneous.scss ./resources/sass/assets/elements/popover.scss ./resources/sass/assets/elements/search.scss ./resources/sass/assets/elements/tooltip.scss ./resources/sass/assets/forms/bootstrap-form.scss ./resources/sass/assets/forms/custom-clipboard.scss ./resources/sass/assets/forms/switches.scss ./resources/sass/assets/forms/theme-checkbox-radio.scss ./resources/sass/assets/pages/coming-soon/style.scss ./resources/sass/assets/pages/error/style-400.scss ./resources/sass/assets/pages/error/style-500.scss ./resources/sass/assets/pages/error/style-503.scss ./resources/sass/assets/pages/error/style-maintanence.scss ./resources/sass/assets/pages/faq/faq.scss ./resources/sass/assets/pages/faq/faq2.scss ./resources/sass/assets/pages/privacy/privacy.scss ./resources/sass/assets/pages/contact_us.scss ./resources/sass/assets/pages/helpdesk.scss ./resources/sass/assets/tables/table-basic.scss ./resources/sass/assets/users/account-setting.scss ./resources/sass/assets/users/user-profile.scss ./resources/sass/assets/widgets/modules-widgets.scss ./resources/sass/plugins/animate/animate.scss ./resources/sass/plugins/autocomplete/autocomplete.scss ./resources/sass/plugins/bootstrap-range-Slider/bootstrap-slider.scss ./resources/sass/plugins/bootstrap-select/bootstrap-select.min.scss ./resources/sass/plugins/bootstrap-touchspin/jquery.bootstrap-touchspin.min.scss ./resources/sass/plugins/drag-and-drop/dragula/dragula.scss ./resources/sass/plugins/drag-and-drop/dragula/example.scss ./resources/sass/plugins/dropify/dropify.min.scss ./resources/sass/plugins/editors/markdown/simplemde.min.scss ./resources/sass/plugins/editors/quill/quill.bubble.scss ./resources/sass/plugins/editors/quill/quill.snow.scss ./resources/sass/plugins/file-upload/file-upload-with-preview.min.scss ./resources/sass/plugins/flatpickr/custom-flatpickr.scss ./resources/sass/plugins/fullcalendar/custom-fullcalendar.advance.scss ./resources/sass/plugins/fullcalendar/fullcalendar.min.scss ./resources/sass/plugins/fullcalendar/fullcalendar.scss ./resources/sass/plugins/jquery-step/jquery.steps.scss ./resources/sass/plugins/jvector/jquery-jvectormap-2.0.3.scss ./resources/sass/plugins/lightbox/custom-photswipe.scss ./resources/sass/plugins/lightbox/photoswipe.scss ./resources/sass/plugins/loaders/custom-loader.scss ./resources/sass/plugins/noUiSlider/custom-nouiSlider.scss ./resources/sass/plugins/perfect-scrollbar/perfect-scrollbar.scss ./resources/sass/plugins/pricing-table/css/component.scss ./resources/sass/plugins/select2/select2.min.scss ./resources/sass/plugins/sweetalerts/sweetalert.scss ./resources/sass/plugins/sweetalerts/sweetalert2.min.scss ./resources/sass/plugins/table/datatable/custom_dt_custom.scss ./resources/sass/plugins/table/datatable/custom_dt_html5.scss ./resources/sass/plugins/table/datatable/custom_dt_miscellaneous.scss ./resources/sass/plugins/table/datatable/custom_dt_multiple_tables.scss ./resources/sass/plugins/table/datatable/datatables.scss ./resources/sass/plugins/table/datatable/datatables-light.scss ./resources/sass/plugins/table/datatable/dt-global_style.scss ./resources/sass/plugins/table/datatable/dt-global_style-light.scss ./resources/sass/plugins/tagInput/tags-input.scss Module not found: Error: Can’t resolve ‘D:\wamp64\www\dark\resources\sass\assets\scrollspy.scss’ in ‘D:\wamp64\www\dark’ @ multi ./node_modules/laravel-mix/src/builder/mock-entry.js ./resources/sass/assets/structure.scss ./resources/sass/assets/loader.scss ./resources/sass/assets/main.scss ./resources/sass/assets/scrollspy.scss ./resources/sass/assets/apps/contacts.scss ./resources/sass/assets/apps/invoice.scss ./resources/sass/assets/apps/mailbox.scss ./resources/sass/assets/apps/mailing-chat.scss ./resources/sass/assets/apps/notes.scss ./resources/sass/assets/apps/scrumboard.scss ./resources/sass/assets/apps/todolist.scss ./resources/sass/assets/authentication/form-1.scss ./resources/sass/assets/authentication/form-2.scss ./resources/sass/assets/components/custom-carousel.scss ./resources/sass/assets/components/custom-countdown.scss ./resources/sass/assets/components/custom-counter.scss ./resources/sass/assets/components/custom-list-group.scss ./resources/sass/assets/components/custom-media_object.scss ./resources/sass/assets/components/custom-modal.scss ./resources/sass/assets/components/custom-sweetalert.scss ./resources/sass/assets/components/cards/card.scss ./resources/sass/assets/components/tabs-accordian/custom-accordions.scss ./resources/sass/assets/components/tabs-accordian/custom-tabs.scss ./resources/sass/assets/components/timeline/custom-timeline.scss ./resources/sass/assets/elements/alert.scss ./resources/sass/assets/elements/avatar.scss ./resources/sass/assets/elements/breadcrumb.scss ./resources/sass/assets/elements/custom-pagination.scss ./resources/sass/assets/elements/custom-tree_view.scss ./resources/sass/assets/elements/infobox.scss ./resources/sass/assets/elements/miscellaneous.scss ./resources/sass/assets/elements/popover.scss ./resources/sass/assets/elements/search.scss ./resources/sass/assets/elements/tooltip.scss ./resources/sass/assets/forms/bootstrap-form.scss ./resources/sass/assets/forms/custom-clipboard.scss ./resources/sass/assets/forms/switches.scss ./resources/sass/assets/forms/theme-checkbox-radio.scss ./resources/sass/assets/pages/coming-soon/style.scss ./resources/sass/assets/pages/error/style-400.scss ./resources/sass/assets/pages/error/style-500.scss ./resources/sass/assets/pages/error/style-503.scss ./resources/sass/assets/pages/error/style-maintanence.scss ./resources/sass/assets/pages/faq/faq.scss ./resources/sass/assets/pages/faq/faq2.scss ./resources/sass/assets/pages/privacy/privacy.scss ./resources/sass/assets/pages/contact_us.scss ./resources/sass/assets/pages/helpdesk.scss ./resources/sass/assets/tables/table-basic.scss ./resources/sass/assets/users/account-setting.scss ./resources/sass/assets/users/user-profile.scss ./resources/sass/assets/widgets/modules-widgets.scss ./resources/sass/plugins/animate/animate.scss ./resources/sass/plugins/autocomplete/autocomplete.scss ./resources/sass/plugins/bootstrap-range-Slider/bootstrap-slider.scss ./resources/sass/plugins/bootstrap-select/bootstrap-select.min.scss ./resources/sass/plugins/bootstrap-touchspin/jquery.bootstrap-touchspin.min.scss ./resources/sass/plugins/drag-and-drop/dragula/dragula.scss ./resources/sass/plugins/drag-and-drop/dragula/example.scss ./resources/sass/plugins/dropify/dropify.min.scss ./resources/sass/plugins/editors/markdown/simplemde.min.scss ./resources/sass/plugins/editors/quill/quill.bubble.scss ./resources/sass/plugins/editors/quill/quill.snow.scss ./resources/sass/plugins/file-upload/file-upload-with-preview.min.scss ./resources/sass/plugins/flatpickr/custom-flatpickr.scss ./resources/sass/plugins/fullcalendar/custom-fullcalendar.advance.scss ./resources/sass/plugins/fullcalendar/fullcalendar.min.scss ./resources/sass/plugins/fullcalendar/fullcalendar.scss ./resources/sass/plugins/jquery-step/jquery.steps.scss ./resources/sass/plugins/jvector/jquery-jvectormap-2.0.3.scss ./resources/sass/plugins/lightbox/custom-photswipe.scss ./resources/sass/plugins/lightbox/photoswipe.scss ./resources/sass/plugins/loaders/custom-loader.scss ./resources/sass/plugins/noUiSlider/custom-nouiSlider.scss ./resources/sass/plugins/perfect-scrollbar/perfect-scrollbar.scss ./resources/sass/plugins/pricing-table/css/component.scss ./resources/sass/plugins/select2/select2.min.scss ./resources/sass/plugins/sweetalerts/sweetalert.scss ./resources/sass/plugins/sweetalerts/sweetalert2.min.scss ./resources/sass/plugins/table/datatable/custom_dt_custom.scss ./resources/sass/plugins/table/datatable/custom_dt_html5.scss ./resources/sass/plugins/table/datatable/custom_dt_miscellaneous.scss ./resources/sass/plugins/table/datatable/custom_dt_multiple_tables.scss ./resources/sass/plugins/table/datatable/datatables.scss ./resources/sass/plugins/table/datatable/datatables-light.scss ./resources/sass/plugins/table/datatable/dt-global_style.scss ./resources/sass/plugins/table/datatable/dt-global_style-light.scss ./resources/sass/plugins/tagInput/tags-input.scss mix4 npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js—progress—hide-modules—config=node_modules/laravel-mix/setup/webpack.config.js` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the @ development script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Lasan Sudeera\AppData\Roaming\npm-cache\_logs\2020-07-26T06_44_25_053Z-debug.log npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! @ dev: `npm run development` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the @ dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Lasan Sudeera\AppData\Roaming\npm-cache\_logs\2020-07-26T06_44_25_087Z-debug.log PS D:\wamp64\www\dark>
Dear udesh765
Thank you for contacting Design Reset
Have you replaced the webpack.config.js file? Try replacing it if not.
Kindest Regards,
Design Reset Team
Yes I replaced it,but same error,when hit npm run dev 98% builded,,please resolve this asap if can
Dear udesh765,
Try to reinstall the larval mix.
If the issue is still not solved. Kindly check the links mentioned
- https://laracasts.com/discuss/channels/elixir/laravel-mix-npm-runtime-error
Kindly, share the screenshot of your webpack.mix.js
Kindest Regards,
Design Reset Team
problem is not resolved yet,,i tried above all ways,,please update your theme
Hello Udesh765,
Kindly share full steps you are performing to install the theme. A video example would be better to understand.
Kindest Regards,
Design Reset Team
Dear udesh765
We have also replicated the same issue as you are facing. This is not a regular issue. We will fix the issue in an update.
We want to inform you that the sass is still compiling successfully.
Below are the steps we have done for testing.
1. Default Screenshot.
2. Changed the background-color in structure.css file
3. Then we run the command -> npm run dev
4. Got the same issue that you are facing.
5. But after refreshing the page Sass is compiled successfully.
Kindly check the link of screenshots mentioned below
Kindest Regards,
Design Reset Team
Hi Team,
I am using Demo 7 for my application. In it’s secondary navigation i.e horizontal bar, I am unable to add required css for background color change on hover and active tabs. Pls guide. I want same effect like sidebar of Demo 3 in my navbar.
Pls refer screenshots for reference:
Sidebar screenshot – https://imgur.com/3BHFpv7 Horizontal Navigation – https://imgur.com/4SxB7Zq
Answer mentioned above
Can you please give an example and show how it can be done?
Dear kmanojkumar,
You have to target the following css mentioned below to make some changes;
@media (min-width: 992px)
.topbar-nav.header nav#topbar ul.menu-categories li.menu {
position: relative;
padding: 14px 0 14px 0; ------------------> Set completely 0px
}
.topbar-nav.header nav#topbar ul.menu-categories li.menu:first-child {
padding: 14px 0 14px 0; -------------------- Set completely 0px
}
Note :- Some major issue will be triggered so kindly be careful while changing the css
Kindest Regards,
Design Reset Team
