308 comments found.
i want the tree view
Hi,
Unfortunately, the project does not currently have a tree view plugin. I think the link below will help you.
https://www.jqueryscript.net/tags.php?/tree%20view/All the best.
Will it be updated to Bootstrap 5?
Hi,
When the non-beta version of bootstrap 5 becomes available, we plan to update Dore.
All the best.
is there datatable available in this theme
can i use this theme for codeigniter 3.1.9
You can use our html theme with any backend technology you want.
Good day,
how can I delete the button on the right side? With the-magic-wall
Hi,
The link below will help you.
https://dore-jquery-docs.coloredstrategies.com/docs/guides/how-to-use-single-themeAll the best.
Hi, Just wanted to check if Translation option is available for Dore jQuery – Bootstrap 4 Admin Template??
Hi Mate,
Any update for me?
Hi,
Unfortunately, it does not contain dore translation feature. You can add translation functionality using 3rd party plugins or with the help of backend technologies.
All the best.
Hi! It’s possible to fix this issue? https://ibb.co/BK4C2hn This problem occurs if some zeros appears one after another in the data array (dore.script.js, smallChart) For example if you pass some data: [200, 300, 100, 0, 0, 0, 0], you will see, that the line between points have borderWidth: < 1px (currently I have 2px (see image))
Thank you.
Hi,
I had to manipulate the chartjs yAxes settings to fix the problem. You can view the changing code blog and added parameter in the link below.
You need to assign a value to the suggestedMin parameter smaller than your minimum data. I think assign any negative value can also solve the problem. I am not sure.
https://codepen.io/originalai/pen/jOMBRGZAll the best.
Yes, it works! Thank you so much
When the internet is disconnected the template does not work !!!
Hi,
Which dore version do you use? In the current version, there is no problem with offline operation.
All the best
Dore-JQuery-Admin-Dashboard-2.4.0
Hi,
Unfortunately, when the internet connection is lost locally, there is no problem. We cannot offer a solution because we cannot repeat the error.
All the best.
Can this problem be solved?
Hi,
I dismissed the file extracted from cdn in the css files. Sorry.
The problem will be solved when you pull the following file to your local and change the imported url in the ’/src/css/sass/_dore.style.scss line:62 ’ file to the local file address.
https://fonts.googleapis.com/css?family=Nunito:300,400,400i,600,700All the best.
Unfortunately, I did not solve the problem I think the problem is in the files JS ?
Hi,
I guess you haven’t imported the subfiles in the css file you imported into your local. Once you complete the following steps, the problem will disappear.
Transfer of Nunito fonst files: Extract the enclosed Nunito font files to the “src/font/nunito/’ directory. https://yadi.sk/d/MdErw0EAG8RRYAReplacing the import line in the scss file with local values: Replace the import line in ”/src/css/sass/_dore.style.scss line: 62” with the code blog below.
/* nunito-300 */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 300;
src: url('../font/nunito/nunito-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('../font/nunito/nunito-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/nunito/nunito-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../font/nunito/nunito-300.woff') format('woff'), /* Modern Browsers */
url('../font/nunito/nunito-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../font/nunito/nunito-300.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-regular */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
src: url('../font/nunito/nunito-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../font/nunito/nunito-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/nunito/nunito-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../font/nunito/nunito-regular.woff') format('woff'), /* Modern Browsers */
url('../font/nunito/nunito-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../font/nunito/nunito-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-600 */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
src: url('../font/nunito/nunito-600.eot'); /* IE9 Compat Modes */
src: local(''),
url('../font/nunito/nunito-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/nunito/nunito-600.woff2') format('woff2'), /* Super Modern Browsers */
url('../font/nunito/nunito-600.woff') format('woff'), /* Modern Browsers */
url('../font/nunito/nunito-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('../font/nunito/nunito-600.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-italic */
@font-face {
font-family: 'Nunito';
font-style: italic;
font-weight: 400;
src: url('../font/nunito/nunito-italic.eot'); /* IE9 Compat Modes */
src: local(''),
url('../font/nunito/nunito-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/nunito/nunito-italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../font/nunito/nunito-italic.woff') format('woff'), /* Modern Browsers */
url('../font/nunito/nunito-italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../font/nunito/nunito-italic.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-700 */
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
src: url('../font/nunito/nunito-700.eot'); /* IE9 Compat Modes */
src: local(''),
url('../font/nunito/nunito-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../font/nunito/nunito-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../font/nunito/nunito-700.woff') format('woff'), /* Modern Browsers */
url('../font/nunito/nunito-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../font/nunito/nunito-700.svg#Nunito') format('svg'); /* Legacy iOS */
}
All the best.
Can you raise us a good copy
Hi,
Unfortunately, we cannot see your email address in comments. When you write a message on our profile page, we can send it to your email.
https://themeforest.net/user/coloredstrategiesAll the best.
Thank you good version
Hi I see it does not work in Internet Explorer I see however it is not listed I just did not check for it. My question can it with some tweaking from my side run in IE?
Hi,
Unfortunately, since we did not consider IE support during the development process, we cannot be sure exactly what you will encounter while providing this support. I’m sorry that I couldn’t submit a roadmap for IE support.
Thank you for your attention.
All the best.
Hello, how can i compile de SCSS (command line with sass) with the imported files _dore.style.scss and _mixins.scss
Hi,
The information on the following page will help you.
https://dore-jquery-docs.coloredstrategies.com/docs/gettingstarted/developmentAll the best.
I found the dore menu, once I press F11 in chrome for full screen, then press F11 to return back original mode, then the menu not working? it mean when the menu mouse click, sub menu will not open? anyone help? this issue is too obvious. because sometimes even I did not press F11 also got this problem. Urgently need help! Tq
hi,
We could not repeat the problem. What is the dore version you are using?
All the best.
Hello, I have a project made in django and bootstrap. I bought the templete and wanted to integrate some widgets from the templete. It’s possible? And how would I do that? I couldn’t understand it well in the documentation.
Hi,
Unfortunately we have no information about the usage of django. however, if you move the css files with the elements you want to use into your project, I think you can integrate them.
All the best.
Hello there,
I try use “Custom Select” example in the page Ui.Components.InputGroups.html, but have a bug and not working using select2.
Code:
<div class="card mb-4">
<div class="card-body">
<h5 class="mb-4">Custom Select</h5>
<div class="input-group mb-3">
<div class="input-group-prepend">
<label class="input-group-text" for="inputGroupSelect01">Options</label>
</div>
<select class="custom-select select2-single" id="inputGroupSelect01">
<option selected>Choose...</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
<div class="input-group mb-3">
<select class="custom-select select2-single" id="inputGroupSelect02">
<option selected>Choose...</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
<div class="input-group-append">
<label class="input-group-text" for="inputGroupSelect02">Options</label>
</div>
</div>
<div class="input-group mb-3">
<div class="input-group-prepend">
<button class="btn btn-outline-secondary" type="button">Button</button>
</div>
<select class="custom-select select2-single" id="inputGroupSelect03">
<option selected>Choose...</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
<div class="input-group">
<select class="custom-select select2-single" id="inputGroupSelect04">
<option selected>Choose...</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button">Button</button>
</div>
</div>
</div>
</div>
Browser:
Hi,
There is some necessary customizations to make these two different things work together.
Here is an example:
<style>
.select-2-custom-select-combined .select2 {
/* Fixing width */
width: 1% !important;
flex: 1 1 auto;
}
.select-2-custom-select-combined .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
/* Removing select 2 arrow */
display: none;
}
</style>
<div class="input-group mb-3 select-2-custom-select-combined">
<div class="input-group-prepend">
<label class="input-group-text" for="inputGroupSelect01">Options</label>
</div>
<select class="custom-select select2-single" id="inputGroupSelect01">
<option selected>Choose...</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
<div class="input-group mb-3 select-2-custom-select-combined">
<select class="custom-select select2-single" id="inputGroupSelect02">
<option selected>Choose...</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
<div class="input-group-append">
<label class="input-group-text" for="inputGroupSelect02">Options</label>
</div>
</div>
<div class="input-group mb-3 select-2-custom-select-combined">
<div class="input-group-prepend">
<button class="btn btn-outline-secondary" type="button">Button</button>
</div>
<select class="custom-select select2-single" id="inputGroupSelect03">
<option selected>Choose...</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</div>
<div class="input-group select-2-custom-select-combined">
<select class="custom-select select2-single" id="inputGroupSelect04">
<option selected>Choose...</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button">Button</button>
</div>
</div>
Wowwww! Almost! Tks a lot!
When I using in select2-single, works well, but, in select2-multiple not works 
Forget! Ignore, its worked! Tks a lot
how can i submit my form with php using rulesForm form id
want delete alert msg on submit form
Hi,
Unfortunately we cannot provide support for php usage. As a recommendation, I suggest you review the validation rules on the html side.
All the best.
Hi, I have a problem with “rotate-arrow-icon” in RTL mode, how can I fix it?
Hi,
Just add the following code to your css file.
.rtl .menu .sub-menu .rotate-arrow-icon.collapsed i {transform: rotate(90deg);}
All the best.
Hi, I added the code in my css file but nothing has changed.
Hi,
If you add the code to the end of the ‘src/css/sass/_dore.style.scss’ file, the problem will be solved.
All the best.
Hi,
I added the code to the end of the ‘src/css/sass/_dore.style.scss’ file, but the problem was not solved.
Hi,
What is the Dore version you are using?
All the best.
2.3.1
Hello,
When I examine the version you are using; I see that the code blog I posted earlier solved the problem.
I guess you are using the built version of the project. I can say that the problem is solved when you add the code I sent to the end of the ‘css / main.css’ file.
.rtl .menu .sub-menu .rotate-arrow-icon.collapsed i
{transform: rotate(90deg);}
All the best.
Thanks a lot, it works.
Can you please, explain more about “built version of the project” ?
Hi,
I am very glad that the problem was solved.
The reason we call it “Built version”: It uses scss in Dore. Scss files need to be compiled. Dore uses ‘gulp’ as this compiler. At the same time, minify operations are performed with Gulp. If you want to examine in detail, you can browse the ‘src/gulpfile.js’ file.
If buyers do not want to make structural changes in Dore, they can use the version built directly in the dist folder.
All the best.
Thanks.
Hello,
Using the form validation present in https://dore-jquery.coloredstrategies.com/Ui.Forms.Validation.html, please, how I clear the messages after validation?
Hi,
In validation examples, messages are cleared when input values return valid at runtime.
All the best.
Tks 
Hello there,
How the best way to discover em javascript theme selected (default/dark)?
Hi,
This page will help you.
https://dore-jquery-docs.coloredstrategies.com/docs/guides/how-to-use-single-themeAll the best.
Unfortunately that isn’t it. Is there a function like “isDarkMode” in javascript returns true/false to know if is dark mode?
Hi,
The code example below will help you.
var themeColor = "dore.light.bluenavy.min.css";
try{
themeColor = localStorage.getItem("dore-theme-color");
}catch (error) {}
var isDarkModeActive= themeColor.indexOf("dark") > 0 ? true : false;
All the best.
\o/ success! tks a lot
Hello,
Warning you about a problem when resize layout to mobile (see on the live version):
Hi,
Add the two lines like in the code example below and the problem will be resolved.
/*
src/css/sass/_dore.style.scss
line:5174
*/
&.sw-theme-dots > ul.step-anchor > li > a:before,
&.sw-theme-check > ul.step-anchor > li > a:before {
left: 50%;
transform: translateX(-50%);
background: $separator-color-light;
bottom: 5px;
width: 24px;
height: 24px;
top:45px; // This line has been added.
}
&.sw-theme-dots > ul.step-anchor > li > a:after,
&.sw-theme-check > ul.step-anchor > li > a:after {
left: 50%;
transform: translateX(-50%);
width: 12px;
height: 12px;
bottom: 3px;
background: $foreground-color;
top:-3px; // This line has been added.
}
<pre>
All the best.</pre>
Its works! Tks
hello, I have a probleme with icon card that move automatically to the first place, how can I fix that?
Thanks
Hi,
You can find the corresponding usage example on line: 4365 in file src/js/dore.script.js
// Dashboard Numbers
if ($(".glide.dashboard-numbers").length > 0) {
new Glide(".glide.dashboard-numbers", {
bound: true,
rewind: false,
perView: 4,
perTouch: 1,
focusAt: 0,
startAt: 0,
direction: direction,
gap: 7,
breakpoints: {
1800: {
perView: 3
},
576: {
perView: 2
},
320: {
perView: 1
}
}
}).mount();
}
All the best.
the problem appears in the rtl mode, how should I do to fix it?
Hi,
The example contains the ‘direction’ parameter. In fact, the example above is taken from the demo and you can see that the first element of the carousel changes when the direction changes in the demo.
https://dore-jquery.coloredstrategies.com/Dashboard.Default.htmlI recommend you to review your code and make sure that the ‘rtl’ value is set for the direction parameter.
All the best.
Hi,
I try the carousel in RTL mode in the example https://ibb.co/kMb6YWd but it does not switch normally.
try with small screen, you will see the problem.
Hi,
You are right about the glide carousel in rtl mode. It always goes back to the first one after a swipe. If this is the problem you are reffering, please update glide.min.js file with a new version. It should solve the problem. Here you may get the latest one: https://cdn.jsdelivr.net/npm/@glidejs/glide
Thanks, it worked.
Hello there,
Sometimes the menu click’s stop working, and I don’t know what’s going on (I haven’t figured it out yet!).
It works again when I click on the item below:
Is there a way every time I click on any menu item it reboots?
Tks
Hi,
Did you ever see the problem in the live version? If not, make sure the scripts are in the correct order. It can be caused by an id on a particular page or a running code block.
Try to clarify for a while more what the problem is to solve the problem itself. We can consider applying the method you say as a last resort.
All the best.
Eureka! I discovered the problem.
Happens when using the chrome debug console window (the live the problem doesn’t happen because the aplication show the sub-menu).
Video: https://youtu.be/uX1YDycLgTQHi,
First of all, thank you for your time and providing the video.
Looking at the video, the problem seems to be resize, but we cannot repeat the problem on our demo page.
On our demo page; Application pages and Menu.Subhidden page is shown as menu-subhidden. It also works as menu-subhidden for widths below 1440px, but we cannot repeat the problem. Please try below pages and see if you can reproduce the error.
https://dore-jquery.coloredstrategies.com/Menu.Subhidden.html https://dore-jquery.coloredstrategies.com/Apps.MediaLibrary.htmlThere is a point that draws our attention in the video: Before you create the bug by maximizing and shrinking the Console panel, you have an action on the page. Can you trigger the problem without doing that intermediate process or browsing through different pages? If you cannot trigger the problem with these methods, the problem may be caused by that intermediate process.
All the best.
I followed the suggestion and the problem still happens without an action on the page, and I could not reproduce the problem on your page. Life goes on!
Thank you very much
Hi,
What is the dore version you are using? There is version information in the folder name you downloaded or in the packages.json file in the project.
If your version is not 2.4.0: You can download the current version of the project again from the downloads page.
https://themeforest.net/downloadsAfter downloading, would you try to change the ”/* 03.05. Menu */” section in the “src/js/dore.script.js” file with the section in the file in your project in a controlled manner?
All the best.
Im using 2.3.1 and I try your sugestion.
Tks a lot
It woks! (I think) I don’t see any problems in days.
This is very good news
