1060 comments found.
Can you tell me how to change the colors of the Unique Visitors graph on the Analytics Dashboard?
Dear Relief0208,
To change the color of the Unique Visitors graph. Navigate through assets/js/dashboard/ folder and open dash_2.js
Find the following comment.
/*
===================================
Unique Visitors | Options
===================================
*/
When you will find the comment. You will see the following code
var d_1options1 = {
inside the code above you will see the color parameter
colors: [’#5c1ac3’, ’#ffbb44’],
change the color as per you need
For more information kindly refer to the following link.
https://apexcharts.com/docs/colors/Hope this will help you to solve the issue 
Kindest Regards,
Design Reset Team
Hi
I add new event on the calendar and it is not permanent
What should I do to be able to add and track events permanently.
Dear smilee57,
Thanks for contacting Design Reset
Cork Admin Template is developed with front-end language ( such as HTML, JS, CSS ).
To save the changes inside a database you have to code the template in back-end language ( such as PHP, Ruby, Python, etc ).
Kindest Regards
Design Reset Team
Dear designreset team,
Earlier today I purchased your Cork – Responsive Admin Dashboard Template. I am working on a GitHub open source project and I would like to ask you whether I could use your theme for that project or not due to restrictions, for example licensing restrictions.
Hello jimtsikos,
Thank you for contacting Design Reset.
Regarding licensing of the project, please refer to below mentioned links;
- https://themeforest.net/licenses/terms/extended
- https://themeforest.net/licenses/faq
Kindest Regards,
Design Reset Team
I do not see the installable wordpress file when on the Themeforest downloads page. Where is the installable wordpress zip file located after purchase?
Dear agerdisch,
Thanks for contacting Design Reset
CORK ADMIN TEMPLATE is not a WordPress theme.
It’s is an ADMIN TEMPLATE with HTML, CSS and JS files
Kindest Regards
Design Reset Team
Hello, I’m make a intranet using your template for company. Can u told me, how i can change loader in this template?
and seocund question: I’m using demo9, i cannot find css file to change the top search box (the purple one). Could do you help me with this ?
Thank u
Dear Grz3siuu
Thank you for contacting Design Reset
Question 1 – How I can change the loader in this template?
Solution – To change loader follow the steps
1. The HTML Code.
Navigate inside the HTML file you will notice
<!-- 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 -->
2. The CSS Code.
Navigate through assets/css/loader.css
Make changes as per your need inside CSS file
<link href="assets/css/loader.css" rel="stylesheet" type="text/css" />
3. The JS Code.
Navigate through assets/js/loader.js
Make changes as per your need inside JS file
<script src="assets/js/loader.js"></script>
Question 2 – I cannot find the CSS file to change the top search box (the purple one). Could do you help me with this?
Solution – To change the search bar you have to open strucutre.css file inside assets/css/ folder.
and search for the following CSS
.navbar .navbar-item .nav-item .form-inline.search .search-form-control
Hope this helps
Kindest Regards
Design Reset Team
こんにちは。
私はあなたのテーマをLaravelで利用しようとしています。 フォーラムへ投稿された参考URLをベースにテーマをLaravelに移行しました。
しかし、私は以下のエラーが発生しています。 どのようにすれば動作するようになりますか？ 教えて下さい。
app.js:10425 Uncaught ReferenceError: App is not defined at HTMLDocument.<anonymous> ((index):1088) at mightThrow (app.js:10132) at process (app.js:10200)
app.js:38257 [Vue warn]: Cannot find element: #app warn @ app.js:38257 query @ app.js:43289 ./node_modules/vue/dist/vue.common.dev.js.Vue.$mount @ app.js:49505 Vue._init @ app.js:42635 Vue @ app.js:42701 ./resources/js/app.js @ app.js:49702 webpack_require @ app.js:20 0 @ app.js:49840 webpack_require @ app.js:20 (anonymous) @ app.js:84 (anonymous) @ app.js:87
Dear miukun,
Thank you for contacting Design Reset
As far as we can understand you are converting CORK ADMIN TEMPLATE into Laravel Vue. Right?
According to errors.
1. app.js:10425 Uncaught ReferenceError: App is not defined at HTMLDocument.<anonymous> ((index):1088) at mightThrow (app.js:10132) at process (app.js:10200)
So the issue is because the app.js is not loading. Check for app.js file, is it linked properly or not.
2. app.js:38257 [Vue warn]: Cannot find element: #app warn app.js:38257 query app.js:43289 ./node_modules/vue/dist/vue.common.dev.js.Vue.$mount app.js:49505 Vue._init app.js:42635 Vue app.js:42701 ./resources/js/app.js app.js:49702 webpack_require app.js:20 0 app.js:49840 webpack_require app.js:20 (anonymous) app.js:84 (anonymous) @ app.js:87
Kindly refer to the following link mentioned below.
https://stackoverflow.com/questions/29484431/vue-warn-cannot-find-elementHope this will solve the issue
Kindest Regards
Design Reset Team
Hello miukun,
Vuejs & Vue+Laravel 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
I cannot see the Date (Week, Day, Month ) and boxes were i can add an Appointment . What must i do ?
.fullCalendar is not a function at HTMLDocument.<anonymous> (custom-fullcalendar.advance.js:131) at l (jquery.min.js:2) at c (jquery.min.js:2)
Dear micowow123,
Thank you for contacting Design Reset
Try the following steps.
1. Check weather the fullcalendar.js file is linked ( Must be the issue )
2. Check for jquery and bootstrap js file.
3. Check for the app.js file.
Hope this helps
Kindest Regards,
Design Reset Team
I am trying to use dropzone with the jquery steps wizard, but as soon as the dropzone is added within the wizard sections, it stops working, does not open die file selector, or allow drag and drop.
if I move the dropzone element outside the wizard it works perfectly.
Can you please advise how to resolve this?
Dear ReinardLivex,
Thank you for contacting Design Reset
Try debugging from your side and check for the error in console.
Although we have provided you file-upload-with-preview plugin
- https://designreset.com/cork/ltr/demo4/form_fileupload.html
If you still face similar issue, please don’t hesitate to ask.
Kindest Regards,
Design Reset Team.
No error is logged that is the problem.
I have tried the file upload with preview, but I cannot find the image data, all I get when uploading a file is the filetoken?
I have used your exact example, but it only contains the default image data, no uploaded file.
If you can provide the code to use the file upload with preview to get the uploaded image data that would be great.
Dear ReinardLivex,
To get the uploaded value from FileUploadWithPreview
Kindly use the following code
secondUpload.cachedFileArray
The code above will get you the uploaded file data.
Example:-
var secondUpload = new FileUploadWithPreview('mySecondImage');
document.querySelector('.mybtn').addEventListener('click', function() {
console.log(secondUpload.cachedFileArray);
})
Note: Use the code mentioned above on click or any other event.
Hope this helps
If you do not get it to work kindly share the code as well as the screenshot.
Kindest Regards
Design Reset Team
Good Day,
I still only get the file token:
var secondUpload = new FileUploadWithPreview('mySecondImage');document.getElementById("mybtn").addEventListener('click',
function() {console.log(secondUpload.cachedFileArray);
});});[File] 0: File lastModified: 1589780821469 lastModifiedDate: Mon May 18 2020 07:47:01 GMT+0200 (South Africa Standard Time) {} name: “test_img.png” size: 4908 token: “rpo1lzxyic29iqqd9vls2” type: “image/png” webkitRelativePath: ”” proto: File length: 1 proto: Array(0)
Dear ReinardLivex,
Instead of console loging the secondUpload.cachedFileArray Try, secondUpload.cachedFileArray[0].name Example: console.log(secondUpload.cachedFileArray[0].name);
Hope this helps
Kindest Regards
Design Reset Team
This only logs the filename that was uploaded, not the actual file data?
test_img.png
function() {
console.log(secondUpload.cachedFileArray[0].name);
});Dear ReinardLivex,
Can explain to us what do you mean by actual data.
What type of actual data you want. Although, to upload the image to the server you have to get the image name.
Kindly share your code as well as the screenshot. That will tell us, what actually you are trying to achieve.
Kindest Regards
Design Reset Team
Hi, i need urgent help with the flatpickr.js localization. I need to use all my pickers in hebrew (he.js) Please send me the custom flatpickr.js with the needed changes and instructions how to use it. Thanks a lot
Dear katzka,
Thanks for contacting Design Reset
Kindly follow the steps mentioned below.
1. Include the following script:
<script src="https://npmcdn.com/flatpickr/dist/l10n/he.js"></script>
2. Render the script to change localization.
flatpickr(myElement, {
"locale": "he" // locale for this instance only
});
For more information refer to the link mentioned below.
- https://flatpickr.js.org/localization/
Hope this explanation helps
Kindest Regards,
Design Reset Team.
sorry it did not work for me, please include the customization code to the custom-flatpickr.js , and send it to me, i need it to work for all of the pickers in my site; the main reason i have chosen cork template is the rtl support, that means obviously that i am using it in an other language, so flatpickr localization would be a must for this template
Dear katzka,
We have created a working example for you
- https://pastebin.com/hZXEiz2f
Hope this will help resolve your issue.
Kindest Regards,
Design Reset Team
Thanks a lot for your help, it works finally
Glad to know it worked.
Kindest Regards,
Design Reset Team
de8298e3-3177-4e40-a0e5-28444e8a4138
Is there a simple way to change the color scheme. Especially the nav bar on the left?
Dear Relief0208,
Thanks for contacting Design Reset
To change the color scheme you have to make changes inside strucuture.css file.
Hope this explanation help
With Regards,
Design Reset Team.
There is no FULL HTML version for this admin theme and when I searched on the search bar it has appeared under HTML sites, so I need my money back please
Hello royner182,
Thank you for contacting Design Reset.
Cork Admin template contains HTML, CSS and JS files. It is a Bootstrap based HTML admin template.
If you need help working with the template, please let us know.
Hope this helps!
Kindest Regards,
Design Reset Team
Hi
I love the demo4 template but I need it with the top menu. How can I do that?
Hello mhusseini1986,
Thank you for contacting Design Reset.
You can check our top menu templates mentioned below;
1) https://designreset.com/cork/ltr/demo7/
2) https://designreset.com/cork/ltr/demo8/
Hope this will help
Kindest Regards,
Design Reset Team
in “HTML Custom File Upload” (demo7/form_bootstrap_basic.html) after file select file name is not show stuck “Choose file”
Dear techOkop,
Thanks for contacting Design Reset.
It’s bootstrap default functionality.
Although, In Bootstrap v4.5 they have included a plugin called bs-custom-file-input.
Bootstrap Docs – https://getbootstrap.com/docs/4.5/components/forms/#file-browser
bs-custom-file-input plugin – https://github.com/Johann-S/bs-custom-file-input
However,
You can also use following file upload plugins that are included in CORK ADMIN TEMPLATE
FileUploadWithPreview – https://designreset.com/cork/ltr/demo4/form_fileupload.html
Dropify – https://designreset.com/cork/ltr/demo4/user_profile.html
Hope this helps
Kindest Regards,
Design Reset Team
Recently I have purchased theme. Ref : https://designreset.com/cork/ltr/demo3/
Q – How we to fixed footer. ?
Thank you
Dear DejaVu909,
Thank you for contacting Design Reset.
To make a fixed footer update div.footer-wrapper
.footer-wrapper {
position: fixed; ----- add
bottom: 0; ----- add
background: #000; ----- add
}
Note: You have to add the codes mentioned above and do not replace any code in div.footer-wrapper
Hope this helps:)
Kindest Regards,
Design Reset Team
Hello, I find your Responsive Admin Dashboard Template wonderful. I have a little impasse with the apps_chat. It works perfectly, I just don’t know how to make the last message appear in the chat (whenever I enter the first message, the chat is located). Can you help me with this? I would greatly appreciate it.
Dear mrpsistemas,
Thanks for the appreciation. We are glad you liked our template.
As far as we can understand that you are asking for the last messages i.e. is send by the other user that you are chatting with.
So, here is a fix.
Update the end-user database and load it to your frontend using ajax.
So, when the other user enter any message it will update to the database and then have your dynamic script and ajax to watch the changes. After that update the other user messages into your chat (update other user message on your side).
Hope this resolution will help
If the solution didn’t help. Kindly provide us HTML, CSS, JS, PHP code as well as the screenshot.
Kindest Regards,
Design Reset Team
Hello Design Reset.
Where are the Feather Icons elements like path/polyline/line?
Dear boizaum,
The feather icons files are included inside the plugins folder.
Kindest Regards,
Design Reset Team
Ok, I found the .svg files. But I think I need the path/polyline/line elements to make the icons work.
Example:<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-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
Dear boizaum,
No, you don’t need any path/polyline/line because feather icons SVG already have it.
The SVG code of feather icons that you have provided it contains path/polyline/line. Try to uncompress it.
Below is the uncompress code of the same svg code that you have provided :
<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-home">
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
<polyline points="9 22 9 12 15 12 15 22"></polyline>
</svg>
Hope it helps
Kindest Regards,
Design Reset Team
Good Day,
When using the datatables with the HMTL5 buttons (csv, print etc), I am unable to add the page Lenght selector even though its in the settings of the data table initialization.
Is there an additional setting or something we need to add?
table = $('#entriesTable').DataTable({
dom: '<"row"<"col-md-12"<"row"<"col-md-6"B><"col-md-6"f> > ><"col-md-12"rt> <"col-md-12"<"row"<"col-md-5"i><"col-md-7"p>>> >',
buttons: {
buttons: [
{ extend: 'copy', className: 'btn', exportOptions: { columns: ':not(:last-child)' } },
{ extend: 'csv',title: 'AllData', className: 'btn', exportOptions: { columns: ':not(:last-child)' } },
{ extend: 'excel', title: 'AllData', className: 'btn', exportOptions: { columns: ':not(:last-child)' } },
{ extend: 'print', title: 'AllData', className: 'btn', exportOptions: { columns: ':not(:last-child)' } }
]
},"oLanguage": {
"oPaginate": { "sPrevious": '<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-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>', "sNext": '<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-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>' },
"sInfo": "Showing student START to END of MAX entries",
"sSearch": '<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-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>',
"sSearchPlaceholder": "Search entries...",
"sLengthMenu": "Results : MENU"
},
"stripeClasses": [],
"lengthMenu": [7, 10, 20, 50],
"pageLength": 10
});In addition to the above, the PDF html5 export button also does not work, even though the js is in the the files, adding the pdf button does not work, and no error is reported to the console.
Dear ReinardLivex,
We have checked your issue and we have created an example for you. Please follow the link mentioned below.
- > https://pastebin.com/5AUu4FL1
For more information kindly follow the link mentioned below.
PDF export follow the link mentioned below.
- > https://datatables.net/extensions/buttons/examples/html5/pdfPage.html
Note: Don’t forget to include
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
for PDF to work.
Hope this will help.
Kindest Regards,
Design Reset Team
This solved the issue, thank you
Glad to know Have a nice day ahead
Thank you, you’re very kind. I decided to delete the dropify plugin I solved with other drag&drop system. Bye good job
Glad to know. You are most Welcome
Hi Author,
Please the Apex chart on the theme is fantastic and I appreciate you and you team for that.
But I need to achieve an important task with it. The charts display these result quite alright. But HOW DO I EXPORT THE DATA ON THE CHARTS AS CSV OR EXCEL OR EVEN IMAGES.
Thank you.
Dear oruchepaschal,
Thank you for contacting Design Reset
To add functionality for CSV or Image, use the toolbar option.
Kindly follow the link mentioned below.
Documentation – https://apexcharts.com/docs/options/chart/toolbar/
Working Example – https://apexcharts.com/javascript-chart-demos/area-charts/basic/
Hope this will Help
Kindest Regards,
Design Reset Team
Awesome, the toolbar options works. However, THE HAMBURGER ICON PRODUCES ONLY TWO OPTIONS WHICH ARE: SVG AND PNG, HOW CAN I ENABLE SVG as well. The documentation states it should be available by default. But that is not the case for me.
Dear oruchepaschal,
Kindly check your code. Maybe you have done something wrong.
Refer to Apex charts docs once again.
If issue still persist, please provide screenshot of HTML and Js code.
Kindest Regards,
Design Reset Team
Hello, i’m trying to use your multi file upload and submit the data to my API. however, i couldn’t find the uploaded data. could you help me on that please.
Dear katorse014,
Thank you for contacting Design Reset.
Try using the code mentioned below.
secondUpload.cachedFileArray
Example :-
var secondUpload = new FileUploadWithPreview('mySecondImage');
document.querySelector('.mybtn').addEventListener('click', function() {
console.log(secondUpload.cachedFileArray);
})
Note: Use the code mentioned above on click or any other event.
Hope this helps
Kindest Regards
Design Reset Team
