447 comments found.
I Purchased a product from ThemeForest, We were impressed with this theme and we feel that this theme is useful to us , but after the purchase we came to know that there is dependency in internet plugins and files are minified js and we are not using npm and yarn . Kindly we request you to share the full js , CSS and fonts for module wise separate files. Again we confirm that our application is a local based application , not an internet access application so we request you to share the required files.
Please contact me on : 9500549898Regards, Pagalavan.
Hi Pagalavn,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
We just released an update for the non-minified JS/SASS code. You can re-download the template or run “yarn add @left4code/tw-starter” (If you currently working on the existing project) to update the dependencies.
However, you will still need NPM/YARN to work with the template. We use a package manager to install the required libraries. You only need an internet connection when installing dependencies.
After that, you only need to run “yarn run watch” / “npm run watch” to compile assets.
You can use the “compiled” version if you still want to try without installing dependencies.
Best regards, Left4code Team
Hello, Do you have this theme bootstrap ? It is soo hard to customise theme
Hi salginci,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
I am really sorry, We don’t have the bootstrap version.
We have given a template specification on the description that this template is built with TailwindCSS 2.
https://prnt.sc/10vykdfBest regards, Left4code Team
So how can I make this themplate to red ?and css file is incredily 10 mb:)
By the way congragulations for this awesome theme. But I am unable to modify it
Hi salginci,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
First of all, you can check the Tailwindcss documentation to get familiar with Tailwindcss.
https://tailwindcss.com/ Then you can check this file to get started modifying the template:
// JS file
- "Source/src/js/app.js"
// SASS file
- "Source/src/sass/app.scss"
There you can see all the code and libraries used.
After making modifications you can run “yarn run prod” to produce a minified production file.
You can check the following documentation for further details: https://tailwindcss.com/docs/optimizing-for-productionBest regards, Left4code Team
Can I get an example code where we can use the DOM to submit a form. We are not good at cash js and having a lot of difficulty in sorting the same. One or two examples of using your theme with cash js will be very helpful to use your theme, or we will have to buy some other theme to proceed with our project. Please help.
Hi aarvinms,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
To submit a form, it shouldn’t require javascript at all, you can just use the form tag in HTML.
Do you mean a form with validation?
Best regards, Left4code Team
I understand, but our project needs ajax for getting the content in the form and then update automatically without submit button. So if you have some simple form example with this Cash js. it will help us a lot. some simple form with username validation will be fine too.. We just need to know why we get errors when we call the same. this will help us to compare our mistake.
Hi aarvinms,
Thank you for your patient,
You can check the following example.
Example form with required field:
<form id="example-form">
<div class="input-form">
<label for="validation-form-1" class="form-label w-full flex flex-col sm:flex-row">
Name <span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600">Required, at least 2 characters</span>
</label>
<input id="validation-form-1" type="text" name="name" class="form-control" placeholder="John Legend" minlength="2" required>
</div>
<button type="button" class="btn btn-primary mt-5" id="submit">Register</button>
</form>
Example JS code:
import Pristine from "pristinejs";
import axios from "axios";
// On submit
cash("#submit").on("click", function () {
// Init validation
let pristine = new Pristine(cash("#example-form")[0], {
classTo: "input-form",
errorClass: "has-error",
errorTextParent: "input-form",
errorTextClass: "text-primary-3 mt-2",
});
let valid = pristine.validate();
// Validation passed
if (valid) {
// Post data with axios
axios
.post("/user", cash("#example-form").serialize())
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
}
});
There’s more example you can check about form validation at this file ”/src/js/validation.js”.
Hope this helps.
Best regards, Left4code Team
Hi there. I am using midone Vue 3 + tailwind template. it’s nice but I have some issues using it. Becuase on this template you guys used @left4code module for the other features like modal, tag, etc. I need to show the modal programmatically, so I tried to reach out to use case of these modules and how to show and remove the modal programmatically. But I couldn’t get anything.
Please provide me the usage of module or let me know how to use these features programmatically like showing modal and hidden modal etc.
Hope to get reply form you soon. Many thanks Richard
Hi Richard,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can use the following methods to show, hide, or toggle the modal programmatically.
const showProgrammaticallyShowModal = () => {
cash("#programmatically-modal").modal("show");
};
const hideProgrammaticallyShowModal = () => {
cash("#programmatically-modal").modal("hide");
};
const toggleProgrammaticallyShowModal = () => {
cash("#programmatically-modal").modal("toggle");
};
You can check this file ”/src/views/modal/Main.vue” to see a complete example.
Best regards, Left4code Team
Is this a node template? Is there an html version in the download?
Hi mtillery,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
This is an HTML template, nodejs & NPM/Yarn is required to install project dependencies. We use the package manager to install all libraries and project dependencies.
You can read more about package managers at this link: https://blog.logrocket.com/javascript-package-managers-compared/Hope this helps.
Best regards, Left4code Team
Any plans for React version?
Hi nikk129,
Unfortunately, We still don’t have any plans to release a React version yet.
Best regards, Left4code Team
Hi,
We are evaluating your dashboard, thanks for the great work, it’s one of the best looking we found so far.
If we go with your solution we will buy an enterprise version, in few weeks.
Here some questions: a) why is @left4code/tw-starter is not simply directly included rather that provided through a package. I see there is a lot of code in it that provide some customization for the themes. Unfortunately it’s minified.
b) Do you have a version that is more clean / minimalist. There is a huge amount of dependencies that are not needed, probably for most of peoples don’t need everything, but as everything is included by default it seems a big job to start removing things and hope it doesn’t break.
Thanks in advance for your reply
Hi areski,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
I am really sorry for the inconvenience, please run “yarn run add @left4code/tw-starter” to update the dependencies. We just released the unminified version of the starter pack.
We have plans to release new themes in future versions and we think that shipping base component for each theme will make it difficult for users to update.
That’s why we took the decision to make some of the basic components of the template as starter packages and release them as npm packages.
Unfortunately, We don’t have a clean / minimalist version of the template since the template is prepared as a demo where every user has their own needs”.
However, We can help you to remove the components or plugins you don’t want to use. You can contact our team via this comment column or via the following email: leftforcode@gmail.com
Thank you.
Best regards, Left4code Team
Thanks for your quick answer! I think it’s important you have “tw-starter” somewhere on github at least, so peoples can find out what are being included in their installation, and see the changes being made in the open. We will be in touch if need be, at this stage we will keep playing with your solution and see if it’s a good fit! Thanks
Hi areski,
Thanks for your reply, We will try to consider your suggestions.
Best regards, Left4code Team
Hi,
Do you have last version of adobe xd document? The file in the package has a lot of missing pages.
Thanks..
Hi logosharai,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Unfortunately, the XD file in the downloaded package is the latest update for now.
We will try to release an update in the next version.
Best regards, Left4code Team
Can I get jQuery version of this template please?
Hi aarvinms,
We just replied to your previous comment, kindly check it.. 
Best regards, Left4code Team
Do you have a jQuery version for this theme? My developer is getting hard to control the projects with node! If this is a new theme too I’m ready to pay.
Hi aarvinms,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Unfortunately, We don’t have a jQuery version of the template. We currently use “cashjs” plugin for DOM manipulation. It’s just the same as jQuery but with a smaller library size.
You can contact us via the following email to explain further the problems you are experiencing, we will immediately help you.
Please contact us here: leftforcode@gmail.comBest regards, Left4code Team
Thank you for your reply. I saw an older version history where it supported jquery. So I thought you can help me with it.
Hi aarvinms,
I am really sorry We don’t have backups for Midone on that version.
Best regards, Left4code Team
Hello! thanks a lot for this great template! It have a very good HTML and CSS code, clear and simple
Anyway, can you remove animations to external classes? I want to remove all animations and icewall has integrated animations on wrapper and wrapper-box classes. Can you move animations to wrapper-animation class to allow to disable this animations without overwrite your code?
Thanks a lot!
Hi eusonlito,
Thank you for taking the time to contact us, I’ll be more than happy to help you..
We will try to separate the animation on the Icewall wrapper in the next update release, thanks for your suggestions.
Hope this helps.
Best regards, Left4code Team
Hi! I just downloaded the template, run yarn install and yarn run watch. It shows `webpack compiled successfully` and when I click to http://localhost:3000, the browser keep loading with totally black page. I try run npm install and then npm run watch. The browser still keep loading
Can you explain more detail how to install the template?
Thanks
Hi tidi1321,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Actually, the installation process is already complete and as long as the bundler is still running it will watch all JS/SASS codes inside the project.
You may need to check whether port 3000 is being used or not, sometimes the problem occurs because the port is already in use.
You can change the default port at “webpack.mix.js”, scrolldown at the bottom of the file and you’ll find the config.
However you can simply open the theme by dragging “index.html” to your browser or install standalone web server to directly access it without live reload.
Hope this helps.
Best regards, Left4code Team
I also check that the port 3000 is free
BTW, there is no port config in webpack.mix.js. the last of file is
.browserSync({ proxy: “rubick-html.test”, files: [“src/*/.*”], });
Hi tidi1321,
Sorry for the late reply,
You can add this config to change the default port: https://prnt.sc/10lum4cHope this helps.
Best regards, Left4code Team
Hi! Is the template include a native timepicker?
Hi vladj1976,
Thank you for taking the time to contact is, I’ll be more than happy to help you.
Unfortunately, We currently don’t have any timepicker component at this time. We’ll consider to add it in the next release.
Thank you.
Best regards, Left4code Team
Hi there, I’ve been trying to get this template working with ASP.NET MVC5. Everything was fine until I couldn’t use modules like toastify etc. So I looked into comments and found out that we are supposed to use ‘Source/src/js/app.js’ but in ”/src/js’ there are multiple files importing each other.
Of course, I can’t use that in my environment even if I can, I want to use the base js file as single “app.js” like the one in Compiled version. Can you guide me in a direction how can I do that?
Hi there,
I’ve replied to your previous comment, kindly check it..
Best regards, Left4code Team
Hi there, I’ve been trying to get this template working with ASP.NET MVC5. Everything was fine until I couldn’t use modules like toastify etc. So I looked into comments and found out that we are supposed to use ‘Source/src/js/app.js’ but in ”/src/js’ there are multiple files importing each other.
Of course, I can’t use that in my environment even if I can, I want to use the base js file as single “app.js” like the one in Compiled version. Can you guide me in a direction how can I do that?
Hi fawadtariq,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You’ve come to the right decision,
To modify the “JS/SASS” code We need to use the “Source” version and run the bundler to compile it.
You can follow these steps to integrate the theme into your project:
1. Install “NPM/Yarn” client. 2. Copy all the necessary files from “Source” to your project.
- /dist
- package.json
- src
- tailwind.config.js
- webpack.mix.js
3. Navigate to your project directory from console/terminal.
4. Run “yarn install” or “npm install”.
5. After installing all dependencies you can run “yarn run watch” to watch the file changes during development, it will automatically compile the source file inside ”/src” to ”/dist”.
6. For production you can run “yarn run prod” to purge all unused CSS code and minify “JS/CSS” codes.
Hope this helps.
Best regards, Left4code Team
I Purchased your theme, but there are no local fonts files. Kindly share the font files and updated app.css to integrate my project
And also kindly share separate js and CSS files
I’m developing a local based application, not an internet access application, help us
Hi Pagalavn,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can find the font files in the download package. After extracting the download package you will find 2 versions of the theme (Rubick/Icewall).
There you’ll find 4 directories like below: https://prnt.sc/10i2q9zYou can find the font file at “Compiled/dist/fonts”.
I am not sure about the “Local based application” but if you’re looking for a “Compiled” version of the template you can use the files inside the “Compiled” directory like the screenshot above.
There are a compiled “JS/CSS” files you can use to start your project, but I really don’t recommend using it on production since you may need to add/modify some of the “JS/CSS” code during the development process.
FYI you don’t really need full internet access while developing with this theme, you only need it once when installing the dependencies.
Best regards, Left4code Team
I tried installing and i’m getting errors about ESLint configuration not found… and PostCSS not being the right version.
Need help getting the admin panel up and running
Hi,
I just replied to your question on the Midone Vue, please check it.
Best regards, Left4code Team
Hi, how can we create multi languages pages from this template?
Hi MORELN,
Thank you for reaching out to us, I’ll be more than happy to help you.
You may need another framework or package for that, it’s an only a static HTML template and doesn’t have a multi-language feature.
Best regards, Left4code Team
hi team , Thank you for your efforts. Can you tell me when it will be added icewall to vueJS
Hi there,
Thanks for your patience,
The “Icewall” theme is planned to be added in every version of Midone. We are still working on it.
It may take a while to become available in the Vue version.
Best regards, Left4code Team
Hi there, I want to add Vue 3 to this template. I know there is a Vue version but my application is not single page and I want to use Vue for a few pages. Can you give me some steps please?
Hi hollyfood,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can simply include vuejs from CDN or you can install it with package manager and import it from “app.js”.
Please check the following docs: https://v3.vuejs.org/guide/installation.html#cdn https://v3.vuejs.org/guide/installation.html#npmHope this helps.
Best regards, Left4code Team
