Edit: It seems to be working, but the sidebar only gets minimized after the user moves their mouse out of it. Is there any way to minimize the sidebar without the need to move the mouse out of it?

Thanks for comment and letting us know.

Well, the sidebar will hide only when you mouse over on it as the siderbar expanded by mouse hover. Sorry but based hover option sidebar can not hide instantly.

Thank you

Thanks for asking.

Well, are not familiar with jetstream so can not guide you exactly. But as per their website reference it actually best with vue/react integration and jQuery does not help here much.

Thank you for understanding.

Thanks for your interest in template.

Well, without JS template won’t run even Angular is also based on JS. JS library is required because there is lots of basic things that need to work like toggle, accordion, dropdown, navigation and many more.

Hopefully you can understand now importance of JS.

Thank you

Thanks for your comment.

We are sorry but this is not a script. This is a non-functional static html template. So there is no setup things as like script do. Basically, you will need to hire a programmer to create script using this template.

Thanks for understanding.

Pls were can i hire a programmer?

Well, you can find from Upwork or Fiverr.

Thank you

I’m very sorry, I threw the previous comment in a moment of anger without fully examining and testing. Actually, the developer has presented a very simple and useful structure, thank you. I return messages via the controller, so as a result of the updates I made in the code I wrote myself, the theme has become quite compatible with .net.

public static void AddToastNotification(this IServiceCollection services)
       {
           var assembly = typeof(Components.NotificationViewComponent).GetTypeInfo().Assembly;
          // var assembly = typeof(Components.NotificationViewComponent).GetTypeInfo().Assembly;
           //Create an EmbeddedFileProvider for that assembly
           var embeddedFileProvider = new EmbeddedFileProvider(assembly, "ClientNotifications");
           //Add the file provider to the Razor view engine
           //services.Configure<RazorViewEngineOptions>(options =>
           //{
           //    options.FileProviders.Add(embeddedFileProvider);
           //});

//Add the file provider to the MVC
}

services.Configure<MvcRazorRuntimeCompilationOptions>(options =>
{
    options.FileProviders.Add(embeddedFileProvider);
});

services.AddSingleton<IHttpContextAccessor, HttpContextAccessor>();
services.AddTransient<IClientNotification, ClientNotification>();

private class ClientNotifications
{
}

I had to passivate some places in my code

Thanks for your comment. Sorry to hear that you faced problem but its really great to know that you solved your issue.

Thank you very much.

Thanks for your question.

Well, this is static html template so there is nothing functional. You must have programming knowledge to implement backend things like connecting db, fetching data from db and show them. If you won’t able to manage programming thing then you need to hire programmer or choose a ready-made script.

Thank you

Sorry but this is not a WP theme, it actually html template. So there is no way to work it directly with WordPress unless you programming this as per WP Development guidelines.

Thank you

Thanks for asking but sorry right now there is no discount for extended license.

Thank you

Well, what exact error show by using your code? Also did you try as per bootstrap documentation here – https://getbootstrap.com/docs/5.2/components/modal/

Also you support term is expired long ago, you should renew your support term to get continues support.

Thank you

Thanks for your comment.

Can you check your that font file is not blocked by network, also did you try after clear cache?

Thank you

hi.
yes i have done that. but nothing change. this what its look like in the browser inspector console. maybe you can give me a clue on what’s happen here.
https://imgur.com/H9jfwoT

Thanks.

Thanks for the screenshot.

Well, as per screenshots, the font files is not found on server or the path is not correct and for that reason it show 404 error. Once font files are loaded, all the icons and font will start working.

Thank you

Thanks for your comment.

Well, it can conflict as in bundle.js have several plugin jQuery, Bootstrap, Form etc. So by default WordPress include some of plugin built-in and similarly gravity form includes their own and in that scenario it can conflict but it hard to say which one exactly.

You need to compile your bundle.js based on your needs as if WordPress add jQuery then you do not need to include that, similarly if form plugin or any other plugin includes then you do not add that in bundle. Hopefully you can understand.

Anyways, your support term is expired, to get continues support you should renew support term.

Thank you

Thanks for asking.

Well, we think in HTML you may use multiple bootstrap element in same tag/element and for that reason it show error which come from bundle as bundle.js contain with bootstrap. So please check your html markup.

Thank you

i will pay for it now and try what you said and give my response

Have bought it and i tried what you said and it did not work, the mobile table is still not scrolling left and right as you said above.

Not sure which one you are checking but the mobile table only work the specific one I have mentioned. You can simply visit the page I have shared and then see.

Thanks for choosing our template.

Thanks for asking.

If you have not downloaded then you can ask for refund but if you already downloaded then we can not help as per refund policy.

Thank you

Thanks for comment and asking about inertia.js.

Well, the Inertia.js is mainly work with React or Vue so it may not work directly. Our template based on jQuery so it can be conflicted with Vue/React. If you need to use with Inertia.js then you need to first convert everything into Vue/React accordingly.

Thanks for understanding.

Well, you need to make it functional based on your programming application as you need store the state for each user and after that retrieve the state for that user when page load.

Thank you

I store state into the database and successfully retrieve it from database, Can you please help me where to change and which class to add in html ?

Well, you need to add class as ‘dark-mode’ into tag. Also in dark toggle button need to add class as active.

Thank you

Well, you need to add id attribute to the submit button then you can call that with click event and process from with ajax.

Example like –

let form = document.getElementById('form_id');
let submit = document.getElementById('button_id');
 submit.addEventListener('click', (e) => {
      const formData = new FormData(form);
     // to whatever with fromData as you can submit to ajax
 });

Thank you

Well, if you copy whole stylesheet as dashlite.css then it will broken. So you actually need to copy code from src/scss where everything available separately and need re-compile using gulp.

Thank you

thanks for answering. i know the re-compile mean. but why do i need to re-compile because you did not mention any re-compilation work. i did just like in documentation. “Also all the concept based css code are found separate folder as /scss/crypto, /scss/subscription or /scss/invest etc. You can easily copy paste and reuse any where in any demo layout.” this is what i do copy and paste and reuse. i dont know gulp. so this is where it become tough. thanks

We believed you must know that how SCSS works. So whatever changes you made on scss code, it require to compile and generate actual css file and its very basic thing. As we mentioned that you need to copy scss codes, so anyone can understand they need to compile for generating the css file.

You do not need to know gulp as we prepare that, you just need to install node and follow the command line as per our documentation and rest of compilation work will be done automatic.

Thank you

Cool with that I didn’t see it that way, now i see your point I am sorry too for not seeing it in that manner.

However, I realised a problem with the dependencies which are being required for your theme when running npm install as per your manual as I received multiple errors and ran npm audit to see them, and found several critical problems with the dependencies apart from gulp which is a development dependency. I have linked two screenshots below for your reference:-

https://imgur.com/a/sVKeAef

https://imgur.com/a/DITwhJl

I love this theme but we need to have a work-around this issue in some way if I am to use it. Please do an audit and let me know how we can work-around this. As some are critical issues that cannot be ignored. Specially as I am using it for a very big project, that can spell disaster should something goes wrong due to a loophole in the system. I am also willing to help if we can overcome this.

Kind regards

please advice

Thanks for your concern over notice on terminal.

First of all, we are aware that there is few notice show but all the them come from original package but all the packages are latest.

For example about lodash (critical issue as important) – In audit it say if you use older version or 4.17.20 then there is risk but if you go to node_module/lodash/package.json file then you can see what exact version installed as it must be 4.17.21 which is the latest one.

Similarly, about jQuery notice – If you go to node_module/jquery/package.json then you will notice that it installed 3.6.1 version which is the latest too. This notice show because of one jquery plugin dependency start from older version.

Also other deprecated notice about source-map-url, source-map-resolve, resolve-url etc all together is dependent one with another but core npm packages and gulp using those. So this notice will show until plugin author updated from their end, here we can not change any core. But we believed that as long as you are using latest version then there is no major issue occurred.

Hopefully you can understand.

Thank you

Well, you need to load the giant dashlite.css as it contain with all the component. If you want to reduce the size css then you need to edit scss file to comment out wherever you do not need and recompile.

Thank you

how can i know what scss my component is using

Well, it’s hard to say what component you are using and scss. But whatever project you build you will need to use 70% base components.

You can can omitted third-party library that included into template. In /scss folder has all the file separately based components/widgets or blockwise, so you can remove or comment out reduce your size.

Thank you