308 comments found.
merhaba ,
sanırım türkçe destek veriyorsunuz . (daha önce tema için teşekkür etmiştim tekrar edeyim 
) ..
Şimdiden desteğiniz ve emeğiniz için tesekkur ederim .
Merhaba,
İlginiz için çok teşekkürler, umarım tema işlerinizi kolaylaştırır. Puanlamanız için de ayrıca teşekkür ederiz.
Sorunuza gelirsek, daha önce yazdığınızı yanlış anlamışım. Şimdi doğru anladığımı düşünüyorum. Css tarafına aşağıdaki eklemeleri yaparak ve body kısmına “right-menu right-menu-always-hidden” classlarını ekleyerek istediğiniz gibi bir sağ menü oluşturabilirsiniz.
CSS
.right-menu-always-hidden .app-menu {
transform: translateX(280px); }
.right-menu-always-hidden .app-menu.shown {
transform: translateX(0); }
.right-menu-always-hidden .app-row,
.right-menu-always-hidden .page-footer {
padding-right: 0; }
.right-menu-always-hidden footer.page-footer {
padding-right: initial; }
.right-menu-always-hidden .chat-input-container {
padding-right: 60px; }
@media (max-width: 1439px) {
.right-menu-always-hidden .chat-input-container {
padding-left: 160px;
padding-right: 50px; } }
@media (max-width: 1199px) {
.right-menu-always-hidden .chat-input-container {
padding-left: 140px;
padding-right: 40px; } }
@media (max-width: 767px) {
.right-menu-always-hidden .chat-input-container {
padding-right: 15px;
padding-left: 15px; } }
HTML
<body id="app-container" class="menu-default show-spinner right-menu right-menu-always-hidden">
<!--Menu & Navbar-->
<main>
<div class="container-fluid">
<div class="row app-row">
<!--Page Content-->
</div>
<div class="app-menu">
<!--Right Menu Content-->
<a class="app-menu-button d-inline-block" href="#">
<i class="simple-icon-options" />
</a>
</div>
</div>
</main>
<!--Scripts-->
çok teşekkür ederim . Evet tam istediğim buydu
İyi çalışmalar dilerim .
Rica ederim, size de iyi çalışmalar
Thank you, really very nice theme. But I need help with 2 topics!
1.) I need a radio button card and I want the selected card to be highlighted. 2.) The vertical bar in the survey page can be used to show / hide in mobile usage. How do I use the show / hide feature for desktop usage?
Hi,
Thank you for the kind words, we hope you enjoy working with the template.
As for the questions;
2- I think you should check bootstrap display utils. Here is the doc link: https://getbootstrap.com/docs/4.3/utilities/display/
Here is an example usage:
<div class="row">
<div class="col-12">
<div class="d-none d-xs-block bg-theme-1">
Visible when screen size larger than 420px
</div>
<div class="d-none d-sm-block bg-theme-1">
Visible when screen size larger than 576px
</div>
<div class="d-none d-md-block bg-theme-1">
Visible when screen size larger than 768px
</div>
</div>
<div class="col-12">
<div class="d-block d-xs-none bg-theme-2">
Visible when screen size smaller than 420px
</div>
<div class="d-block d-sm-none bg-theme-2">
Visible when screen size smaller than 576px
</div>
<div class="d-block d-md-none bg-theme-2">
Visible when screen size smaller than 768px
</div>
</div>
</div>
1- You may create a toogle card with active class. Here is an example:
HTML
<div class="row list radio-cards">
<div class="col-4 mb-4">
<div class="card">
<div class="card-body">
<h4 class="card-title">Title</h4>
<p class="card-text">Text</p>
</div>
</div>
</div>
<div class="col-4 mb-4">
<div class="card">
<div class="card-body">
<h4 class="card-title">Title</h4>
<p class="card-text">Text</p>
</div>
</div>
</div>
<div class="col-4 mb-4">
<div class="card">
<div class="card-body">
<h4 class="card-title">Title</h4>
<p class="card-text">Text</p>
</div>
</div>
</div>
</div>
JS (You may put these in init function at dore.scripts.js file)
$(".radio-cards .card").on("click", function(event) {
$(this).toggleClass("active");
});
In the last version when you click one of the items in the said bar the line never moved to the clicked item ( always still in the first item)
Hi,
If you are reffering to main menu and it’s active state; it looks working. You will need to add active class to li items to make them work.
Here are some different pages and active menu item works like it should be:
https://dore-jquery.coloredstrategies.com/Dashboard.Default.html
https://dore-jquery.coloredstrategies.com/Pages.Product.List.html
https://dore-jquery.coloredstrategies.com/Apps.MediaLibrary.html
Hi, Arthur. One additional question for you. Is there an existing option to add a footer or copyright statement to the bottom of the pages? Thanks! Richard
Hi Richard,
We have a basic footer design which we have not implemented for too long I don’t know why. Here it is: https://i.imgur.com/7GAxjMp.jpg
If it works for you, I may do the implementation later today and let you know.
That’s wonderful! Thank you! If it’s easier, just having the code snippet would be okay too. No rush!
This is a wonderful theme… thanks so much for your work. I do have a question, though that I’m hoping you can help with.
I understand why the header logo and mobile header logo are .svg files; however, for our purposes, we need to also be able to use .png files there-even though they won’t scale perfectly. I’ve tried everything-from simply updating the .css, to trying an inline , to trying a floating , to get a .png image to work in the header area. But, no matter what, the image gets cut off or won’t scale.
Would it be possible for you to give an example of using a 150px x 50px .png image that scales like the .svg image in the header?
Thanks so much…
Richard
Hi Richard,
Thank you for your kind words, I hope you enjoy working with the template.
You are right about the logo, we have not considered usage of png files. Please send your logo to support@crealeaf.com if it is okay for you so we may work on it.
Cheers, Arthur.
Hi,
I am having problems to with layout. Let’s take login, for some reason it won’t divide to two columns. Instead its all from top to down. First image, then form.
if you know out of the box what is going on, it would be nice to know
Found out problem. It was with JS and CSS loading after all. Theme is nice, I like it. I think there could be easier way to load CSSs. It is easy to change theme on the fly with JS but then again, how often that is really needed?
Hi,
You are right, css file is loaded on the the fly by javascript to provide theme switch. If you will be using a single theme you may use below approach to load css file directly in head tag.
Adding theme css file in the head tag before main.css
<link rel="stylesheet" href="css/dore.light.blue.css" />
<link rel="stylesheet" href="css/main.css" />
Instead of “scripts.js” adding “scripts.single.theme.js” at the end of the body tag.
<script src="js/dore.script.js"></script>
<script src="js/scripts.single.theme.js"></script>
Adding “rounded” class to body tag if you don’t want flat edges.
<body id="app-container" class="menu-default show-spinner rounded">
Let us know if this does not solve the problem.
Cheers.
Thanks, this cleared out things a bit.
Then another thing, I am using Safari most of the time. Moving between pages works ok with Chrome and Firefox but with Safari loading spinner stucks around 3/5 times. This can be easily fixed just by reloading page but it’s still annoying. There is no errors on browser console. This same happens also on template demo page which is linked here on themeforest. As a workaround i disabled loader but it would be nice to get it to work on every browser . My safari is latest version.
Hi,
We have tested with Safari 10.x and 12.x but could not replicate the problem. Here you may check the video with 12.x (You may skip first minute of it where I am struggling to type the url in the browser): https://coloredstrategies.com/vids/safari-test.mp4
It would be helpful if you may describe the problem a little bit more for us to understand.
Basically, blank screen spinner in middle rolling forever. Removed “show-spinner” from body and problem is solved. Currently tested with Safari 12.1.1 (14607.2.6.1.1). This is minor problem since I can live without spinner / loader. I can’t replicate problem with Chrome or Firefox, so it just has something agains Safari 
Thank you for your understanding. We will keep this in mind and try to figure it out when we replicate it.
when i remove the line of src/js/scripts.js the page stay in the preloader mode and nothing appear
Hi, Theme author
I really like your theme design and I interesting to purchase it now. But I want to use this theme with Laravel Framework, and I don’t know how to adapt jquery theme use for Laravel.
Do you have any suggestion for me?
Hi,
Unfortunately we can not provide support for Laravel since nobody in our team has any experience with it. You will need to work on the paths and create your dev environment yourself.
Regards.
Is it possible to not have sub menus at all? Parts of my site will only require a top level menu item, but there may be some use to having a sub menu for other pages.
How would I go about disabling the sub menu functionality for those that don’t require it?
Hi,
If I understand your request correctly you should look into “Blank Page” at the main menu. It does not have a sub menu and work in harmony with other menu items which have sub menus.
how can i set the template on the RTL mode and hide the customizer tools on the screen
Hi,
Adding “rtl” class to body and dir=”rtl” attribute to html tag should fix it to rtl.
Removing below line from “src/js/scripts.js” will hide the customizer.
$("body").append(themeColorsDom);
Regards.
thank you
when i remove the line of src/js/scripts.js the page stay in the preloader mode and nothing appear
Why do you feel the need to remove it? It shows the loader until it loads theme styles and initializes main script file.
Hello, First i will like to appreciate the theme. But then i have been having several issues when ever i want to convert the theme to ASP.net MVC the these scatters automatically, the javascript and css are not pulled correctly. Please i will like to know the best approach to use to solve this. Please this is urgent.
Hi,
First of all sorry about the isssue, we should include this topic in our docs.
There is only one hidden path in the project that you should adapt to your structure. It is in “src/js/scripts.js” file with below line. You will need to adjust “css/” part to point css folder at your project.
loadStyle("css/" + theme, onStyleComplete);
Rest is regular html script and link tags.
Cheers.
Hello before all your template it’s very nice, so I have a simple question, I’m tring to add new columns to basic datatable but I can’t put more than 6 columns or even less than 6 columns doesn’t work, is there any way to invoke datatable with this features
data-table data-table-feature
Thank you so much for your time
Hi,
Thank you for your kind words, I hope that you enjoy working with the template.
As for your problem, please look into the “src/js/dore.scripts.js” file and search for ”$(”.data-table-standard”)”. You will notice that it has pageLength: 6 as a prop. Adjusting this value for your needs should solve the problem.
Cheers.
thanks for your answer, but the problem is in number of columns not rows I changed that parameter and the error stills, TypeError: c is undefined =)
Sorry for the earlier answer, I have automatically assumed rows when reading the number 6 at your comment.
Please look into $(”.data-table-feature”).DataTable at dore.scripts.js file. You will notice it has “columns” defined to make it possible adding data at runtime. Removing this prop completely or adding seventh item should solve the problem.
Thank you so much for your answer, greetings from Mexico!
Hello, .main-menu .default-transition get closed when you scroll down running on mobile. Could you please help me to find a solution to fix menu and scrolling it correctly?
Hi,
Sorry for the problem. I have just tested and can not repeat the problem on Android Chrome. It would be helpful if you provide the device and browser which you experience the problem?
On the other hand, it kind of bothered me that the page keep scrolling while trying to scroll in menu. So I just set overflow hidden for the body when mobile menu is open. I am not certain that the problem is related to this but would you please test below link and let us know?
https://dore-jquery.coloredstrategies.com/dev/I am using Android chrome too. When you scroll down everything the body starts to scroll and menu close.
Is it also same with the link I provided here? https://dore-jquery.coloredstrategies.com/dev/
Yes. The link provided is still happening the same issue. When you roll down it slowly, it works good, but if you roll down and up very quickly, the menu hides in.
Hi,
I think it is about the browser’s title bar hiding and showing while you quickly scroll and that is causing the outher click.
We have worked on it. Please check this one and let us know: https://dore-jquery.coloredstrategies.com/dev2/
That was awesome! How to put this change in my project? I would like to thank you very much, I’m in love with your support and your awesome template!
Hi,
Thanks for your kind words, I hope you consider giving the item a review. That would be very nice of you.
As for the issue, you may fix it by adding below code to end of “src/css/main.css” file.
body.menu-mobile.sub-show-temporary,
body.menu-mobile.main-show-temporary {
height: 100%;
overflow: hidden !important;
position: fixed;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
html {
overflow: hidden;
width: 100%;
}
body {
height: 100%;
width: 100%;
position: fixed;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
body.menu-mobile.sub-show-temporary,
body.menu-mobile.main-show-temporary {
overflow: hidden !important;
}
}
Regards.
Hi. The UI forms components / ckeditor -> action “add Link (Ctrl +K)” not working when i put in on modal. It is hidden under the modal
Hi,
Sorry for the problem but you need to purchase the item or use a purchased account to get support.
we noticed that clicking on left side bar menu isn’t opening the sub-menu in some cases. We aren’t able to come up with exact steps to reproduce the issue but it’s definitely happening in significant number of cases.
Hi,
We used to have the menu problems in older versions. Which version do you have, we might have solved it on recent versions.
version 2.0.4
It has something to do with browser resize.
1.x.x versions had the menu problems mostly but I will look into this by checking commits and compare the code with new version.
It would be really helpful if you reproduce the error and provide some error log. Also please make sure that source of the problem is not from your implementation.
Hi, I am pretty sure problem is there but reproducing it is very difficult. Please suggest possible ways to debug the same.
Hi,
I have just compared latest version with yours and could not find any difference with menu.
I have also made lots of tests with menu. Open from menu button-resize-close, open from menu item-resize-close sub menu, open from a single page-resize to mobile-resize back-open a submenu-empty click to close etc. Unfortunately could not find any problem.
If you stumble upon repeatable steps, please let us know.
Regards.
It’s happening right now on my screen. I have preserved the browser state. Is there any way we can do a quick screen sharing so that you can debug? let me know thanks
We have got one way to reproduce the issue – Right click on your chrome screen and make sure chrome debug panel opens on the right side of browser. that will resize the primary document window of the theme. close the chrome developer tools which will resize the theme to full screen but menus stops working.
Hi,
Thanks for providing the steps but I could not reproduce it. I have tried 1920px and 1366px wide screens with 2.0.4 version and recorded videos. Please take a look at them in case I am doing it wrong.
https://coloredstrategies.com/vids/DorejQuery-MenuBug-1920.mp4 https://coloredstrategies.com/vids/DorejQuery-MenuBug-1366.mp4It might be os and browser version so I am on a windows10 pc and Chrome version is 76.0.3809.132.
Hello how to displaying error message css, while user not input the form ?
Hi,
You may find validations on this page: https://dore-jquery.coloredstrategies.com/Ui.Forms.Validation.html
If you have a specif question, please let us know.
ok thank you
Hi, Does this already have a waitme-like” plugin? I wanted to show a loading icon on every page load
like this? http://vadimsva.github.io/waitMe/
Hi,
Unfortunately no plugin like waitme is implemented currently.
Regards.
Hello! Can you share landing page?
Hi,
We have an older version that contains landing pages. If you are interested you may reach us from the contact form at our profile page.
Also please consider purchasing support extension.
Cheers.
Yes, I was sure that I saw this template, but I can’t find it … I’ll try again, the earliest version that I have is 1.0.2 … if not, I will write to you personally, thanks! =)
Hello, I have two questions: - Do you have any advice to integrate this template to Asp.net Framework? - Do you know if I can easily change the logo image ? I replace it for our company logo and it does not resize well.
Thanks and awesome template!
Hi,
Thank you for the kind words, hope that you enjoy working with the template.
As for the questions,
1. Logo sizes should be around 328×105px for desktop and 81×105px for mobile. You will also need to supply a light version of your logo for dark themes if you plan to use them. Also provide an svg file if you can since it resizes without pixelation and you may have different results with png or jpg files. If you still don’t feel satisfied with the look, you may search for .logo class in css files or if you are using sass you may search for it in _dore.style.scss file and make adjustments with width and height. There are three classes for it. logo-single is for auth and error layouts. logo is for the main layout and logo-mobile is for below 420px.
2. I don’t have enough experience to guide you for Asp.net integration but the template mostly have a straightforward pathing with resources. I may can provide a small advice if you will use theme select or light-dark switch. scripts.js file loads css file with below line and it can easily be overlooked. You should remember changing it according to your structure.
loadStyle("css/" + theme, onStyleComplete);
Let us know if you have other questions.
Thanks for your quick response. I’m trying to integrate my company logo and still don’t resize well. I have supplied versions of my logo in .svg and it does not work. So I have supplied the images in the png version but the quality is terrible. Do you have any advice? I’m working with the CSS files in the blue light theme. I have only changed the following lines:
.logo { width: 110px; height: 35px; background: url(”../img/logo.png”) no-repeat; background-position: center center; margin: 0 auto; } @media (max-width: 767px) { .logo { width: 80px; } }
.logo-mobile { width: 20px; height: 35px; background: url(”../img/logo-mobile.png”) no-repeat; background-position: center center; }
.logo-single { width: 110px; height: 35px; background: url(”../img/logo.png”) no-repeat; background-position: center center; display: inline-block; margin-bottom: 60px; }
Also, my image is original .png but I have used photoshop to make it .SVG. Normally the image must resize to fit the defined width and height but it does not work.
Thanks again for your reply and let me know if you need more information to solve this issue.
Hi,
First of all, an svg made from a png does not fit for the purpose. Svg should be vector based to prevent pixelation on size changes.
I think it would be easier if you send your logo to us since without the image, the css changes you have made does not mean much. You may send it to support@crealeaf.com. If you have the logo in a pdf, ai or any other vector format I may create the svg. If not, please provide a large png file.
Cheers.
Hi,
I have tried to rearrange the folder structure of the files and now the website isn’t loading correctly, I believe its an issue finding a JS file but I’m not 100% sure where to find it.
I have uploaded the site here for you to see.
http://danieljamesgill.co.uk/hosting/backend/The structure I have move to is:
www.domain.co.uk/assets/css www.domain.co.uk/assets/js etc.
I’d appreciate any help you can offer.
Thanks
Dan
Thank you but I have sorted the issue now
It’s nice to hear that
