Hi,

I’m not sure what is the problem and the cause of it but I don’t think the preview version of the application have the problem. https://dore-jquery.coloredstrategies.com/Apps.Chat.html

It might be related to footer, so please try “no-footer” class on body tag of the page.

All the best.

But when adding a message without refreshing the page, The problem appears.

https://i.ibb.co/mRDRDpS/moutc.png

I want remove padding-bottom: 60px; only or 0px.

It works well in the computer either the phone does not.

You removed this class=”clearfix” But it show automatically.

Thanks

Well, I thought it was about the footer padding since it is also 60px at smaller screens.

Padding is added for smaller screens with a default scrollbar. You may updated the padding upon adding a new item. Here is a small example:

setInterval(() => { // Adding new dummy content, change below two lines with yours $(".chat-app .scroll-content").append('<div class="card d-inline-block mb-3 float-right mr-2"><div class="card-body">...</div></div>'); $(".chat-app .scroll-content").append('<div class="clearfix" />'); // Clearing padding $(".chat-app .scroll-content > div").css("padding-bottom", ''); // Scrolling down for smaller screens $("html, body").animate({ scrollTop: $(document).height() + 30 }, 100); // Calling resize to recalculate heights and scrolldown window.dispatchEvent(new Event('resize')); }, 2000);

Hi,

Adding dir=”rtl” to html tag and “rtl” class to body makes the template work rtl.

Cheers.

thanks

Hi,

You may add a limit to start and end date with below lines. $(".input-daterange").datepicker({ autoclose: true, rtl: isRtl, startDate: "05/10/2020", endDate: "05/25/2020", templates: { leftArrow: '<i class="simple-icon-arrow-left" />', rightArrow: '<i class="simple-icon-arrow-right" />' } });

If you want to set limits dynamicly you may listen for changeDate event and update the input. Here are the links for events and methods. https://bootstrap-datepicker.readthedocs.io/en/stable/events.html
https://bootstrap-datepicker.readthedocs.io/en/stable/methods.html

Ok thanks

But at the end I want an extra +1 day

You are right, it looks like a unnecessary amont of work just for a day but nonetheless it is the only way as far as I see.

Hi,

We have a single header for most of the pages except auth pages which do not have a header at all.

If you mean head tag by header and referring the pages have different sets of js and css files, I don’t see it as a bad practice. Loading an unused text editor(191kb js 25kb css) and a video player(1.5mb js and 40kb css) and so on at the first opening of the app is not what we choose to do. We added controls in script file to not to initialize the libraries if they are not loaded for given page.

If having all your pages with all the js and css sources is a necessity for your implementation, you may find how to do it below.

CSS <link rel="stylesheet" href="css/vendor/bootstrap.min.css" /> // Rest of the css <link rel="stylesheet" href="css/main.css" />

JS <script src="js/vendor/jquery-3.3.1.min.js"></script> <script src="js/vendor/bootstrap.bundle.min.js"></script> // Rest of the js <script src="js/dore.script.js"></script> <script src="js/scripts.js"></script>

All the best.

Hi,

Removing below lines in src/js/scripts.js file should hide the theme selector at all pages. $("body").append(themeColorsDom);

Hi,

I am not sure I get the question right but “d-none” hides the given element. You may find other display utils here: https://getbootstrap.com/docs/4.5/utilities/display/

The logo appears well now, Can the logo link be removed from the comments?

I don’t know a way to delete or alter a comment. Sorry about that.

No problem, thanks for the support.

I don’t have a certain answer for your problem since the info you have provided is very limited but it might be related to async creation of the dom elements. You may try initializing the plugin with below code after your ajax call completed and dom elements ready.

baguetteBox.run('your_container_selector');

You may find current initialization at dore.script.js commented with /* 03.40. Lightbox */

Hi,

You may need to change initialization of the editor at dore.script.js file around line 3978. The section is commented with /* 03.32. Html Editors */

Please change below line with the new one that has a customized toolbar.

// Current ClassicEditor.create(document.querySelector("#ckEditorClassic")).catch(function (error) { }); // New ClassicEditor.create(document.querySelector("#ckEditorClassic"), {toolbar: { items: [ 'heading', '|', 'bold', 'italic', 'link', '|', 'bulletedList', 'numberedList', '|', 'insertTable', 'undo', 'redo' ] }}).catch(function (error) { });

Hi,

I don’t understand the problem, here is the comments of a post: https://i.ibb.co/gyWwK9w/comment.jpg

It would be helpful if you may explain more or add a screenshot.

All the best.

Hi,

Would you share the library and your implementation so we can provide an exact answer for the problem.

Hi,

We are trying to be fair with the requests and give refunds without question if there is a problem with the temlate or it has not been downloaded yet.Unfortunately, mistaken purchases are not eligable for refund. You may read about it here: https://themeforest.net/page/customer_refund_policy

Here are the cases that item refund will not be accepted:

Neither Envato nor authors are obliged to give policy refunds in any of the situations listed below.

You don’t want it after you’ve downloaded it The item did not meet your expectations or you feel the item is of low quality You simply change your mind You bought an item by mistake You do not have sufficient expertise to use the item You claim that you are entitled to a refund but do not provide sufficient information as to why you are entitled to a refund You can no longer access the item because it has been removed or the author who previously provided the item is no longer active on our platform (we advise you to download items as soon as you have purchased them to avoid this situation).

If you don’t think that this is right, you may submit a ticket to Envato here: https://help.market.envato.com/hc/en-us/requests/new

All the best.

Hi,

I do not want the refund. I am OK with the purchased I have just ask for email us Angular version if it can possible. Why am asked for Angular version because the price are same. Otherwise I would not have asked.

It is a request if you can provide.

Regards, Urvish

Hi,

Unfortunately there is no way for us to swap licenses. Sending the files is also against the rules of the market.

This is not a personal choice, we simply follow the guidelines which is provided by Envato.

All the best.

Hi,

Switch is currently an external plugin and you may need some extra code to get its value. You may find an example below.

console.log($(".custom-switch input")[0].checked)

i want that code work with previous code that you send me..so i need the name of switch and if cheched or unchecked to send in backend

$(”#smartWizardValidation .finish-btn”).on(“click”, function (event) { if (checkWizardValidation($(’#smartWizardValidation #form-step-1’))) { console.log(“Form Done”); var wizardInputs = []; $(”#smartWizardValidation .form-control”).each(function() { wizardInputs.push({name: $(this).attr(“name”), val: $(this).val()}); }); return false; } return true; });

with this

$(”.custom-switch input”)[0].checked

work together

Hi,

Here is how to do it. var wizardInputs = []; $("#smartWizardValidation .form-control").each(function() { wizardInputs.push({name: $(this).attr("name"), val: $(this).val()}); }); $("#smartWizardValidation .custom-switch input").each(function() { wizardInputs.push({name: $(this).attr("name"), val: $(this)[0].checked}); });

Hi,

The template does not support IE as it’s described in the details.

All the best.

Hi,

The template does not support IE as it’s described in the details.

All the best.

Hi,

Unfortunately, there is not an easy way to do it currently.

If you build Sass instead of using css files, searching for Nunito and replacing your preferred font in src/css/sass/_dore.style.scss file should solve the issue.

If not, you will need to do above find and replace in min files of the src/css root.

For both ways, you should remove below part and add your font. @import url("https://fonts.googleapis.com/css?family=Nunito:300,400,400i,600,700");

All the best.

Hi,

You may add below code block as a first script blog to style background after checking if the dark mode is selected. I don’t think it is possible to remove it entirely since the dark mode is read by javascript.

<script> var currentTheme = localStorage.getItem("dore-theme"); if (currentTheme && currentTheme.indexOf("dark") > 0) { document.documentElement.style.background = "#1b191b"; document.body.style.background = "#1b191b"; console.log("background"); } </script>

This didn’t work it throwed an error “document.body is null”. Instead I resolved it by commenting under bootstrap.min.css line 70 ( /background-color:#fff/)

Hi,

First of all; there is a typo at step 3, “guld” should be “gulp”, sorry about that. We also skipped mentioning that gulp should be installed globally. You may run below code to install it. npm install gulp -g

As a side note, you don’t need gulp if you don’t plan to modify Sass and build it and you may use the template directly with your backend.

Cheers.

Thank you for letting us know, I added the space and will include this for our next update.

Cheers.

Hi,

You may find the cause of it at dore.script.js file commented with ”// jQuery Validate”. Removing below part should solve the issue. submitHandler: function () { alert("submitted!"); },

no, it doesnt work. not too sure whats causing this

i found the issue, might be a conflicting js files when i added too many of them together.