590 comments found.
Error: Loading PostCSS Plugin failed: Cannot find module ‘tailwindcss’. I have send email with video to you.
Hi davidzita,
We just replied to your email, kindly check your inbox.. 
Best regards, Left4code Team
is it possible to access the project’s git repository if i have a license?
I would like to follow the updates more actively
Hi smerchkz,
Sorry for the late reply,
Unfortunately, we still don’t have a plan to invite users to our git repository. But, we may consider it in the future.
Best regards, Left4code Team
the point is that I would like to get the most recent version of the code in vue2, not vue3. It is inconvenient that there is no access to the repository where you can pull updates, but there is only an archive for which it is difficult to keep track of updates. Do you understand what I mean?
Hi smerchkz,
Yes, I understand what you’re concerned about, we really appreciate your interest in using our products.
Unfortunately, we are currently using vue 3 as a default development and there will be no update on vue 2 version anymore.
The vue 2 version shared to all buyers is the only one and the latest update we have.
However, we will be happy to provide support if you have questions about the vue 2 version.
Best regards, Left4code Team
hello, can u check at mobile-menu (on activated/selected route) is navigation bar is it working fine? Great Template btw!
Hi diansoulzzz,
Sorry for the late reply and thank you for your report, we have release an update for the mobile menu issue.
Please replace this file ”/src/assets/sass/components/_mobile-menu.scss” with the current release.
Best regards, Left4code Team
Can you please send me the landing page for vue version to pluginsworld@gmail.com. And also i am trying to integrate it for laravel 8 where should i add vue.config.js content
Hi pluginsworld,
We have sent the landing page to your email, kindly check your inbox..
To integrate the template to Laravel you can try the following steps:
- Move the Midone src folder to “laravel/resources/app”.
- Move tailwind.config.js from Midone plus your new webpack.mix.js to “laravel/”.
- Rename “main.js” to app.js.
- Adjust the publishing path for JS/CSS in the webpack file to “laravel/public”.
- Add all dependencies plus “raw-loader” to the package.json.
- Configure webpack.mix.js like below:
const mix = require("laravel-mix");
const path = require("path");
const tailwindcss = require("tailwindcss");
const { styles } = require("@ckeditor/ckeditor5-dev-utils");
const CKERegex = {
svg: /ckeditor5-[^/\\]+[/\\]theme[/\\]icons[/\\][^/\\]+\.svg$/,
css: /ckeditor5-[^/\\]+[/\\]theme[/\\].+\.css/,
};
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel applications. By default, we are compiling the CSS
| file for the application as well as bundling up all the JS files.
|
*/
Mix.listen("configReady", (webpackConfig) => {
const rules = webpackConfig.module.rules;
const targetSVG = /(\.(png|jpe?g|gif|webp)$|^((?!font).)*\.svg$)/;
const targetFont = /(\.(woff2?|ttf|eot|otf)$|font.*\.svg$)/;
const targetCSS = /\.p?css$/;
for (let rule of rules) {
if (rule.test.toString() === targetSVG.toString()) {
rule.exclude = CKERegex.svg;
} else if (rule.test.toString() === targetFont.toString()) {
rule.exclude = CKERegex.svg;
} else if (rule.test.toString() === targetCSS.toString()) {
rule.exclude = CKERegex.css;
}
}
});
mix.alias({
"@": path.join(__dirname, "resources/app"),
"~": path.join(__dirname, "node_modules"),
});
mix
.js("resources/app/main.js", "public/dist/js")
.vue()
.sass("resources/app/assets/sass/app.scss", "public/dist/css")
.options({
processCssUrls: false,
postCss: [tailwindcss("./tailwind.config.js")],
})
.autoload({
"cash-dom": ["cash"],
"@popperjs/core": ["Popper"],
})
.webpackConfig({
module: {
rules: [
{
test: CKERegex.svg,
use: ["raw-loader"],
},
{
test: CKERegex.css,
use: [
{
loader: "style-loader",
options: {
injectType: "singletonStyleTag",
attributes: {
"data-cke": true,
},
},
},
"css-loader",
{
loader: "postcss-loader",
options: {
postcssOptions: styles.getPostCssConfig({
themeImporter: {
themePath: require.resolve(
"@ckeditor/ckeditor5-theme-lark"
),
},
minify: true,
}),
},
},
],
},
],
},
})
.browserSync({
proxy: "midone-vue-laravel.test",
files: ["resources/**/*.*"],
});
- Run npm install & npm run dev.
Hope this helps.
Best regards, Left4code Team
Hi, may i know how to integrate with with laravel for this template?
Hi dreamxyz95,
Thank you for your taking the time to contact us, I’ll be more than happy to help you.
You can try the following steps: - Move the Midone src folder to “laravel/resources/app”. - Move tailwind.config.js from Midone plus your new webpack.mix.js to “laravel/”. - Rename “main.js” to app.js. - Adjust the publishing path for JS/CSS in the webpack file to “laravel/public”. - Add all dependencies plus “raw-loader” to the package.json. - Configure webpack.mix.js like below:
const mix = require("laravel-mix");
const path = require("path");
const tailwindcss = require("tailwindcss");
const { styles } = require("@ckeditor/ckeditor5-dev-utils");
const CKERegex = {
svg: /ckeditor5-[^/\\]+[/\\]theme[/\\]icons[/\\][^/\\]+\.svg$/,
css: /ckeditor5-[^/\\]+[/\\]theme[/\\].+\.css/,
};
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel applications. By default, we are compiling the CSS
| file for the application as well as bundling up all the JS files.
|
*/
Mix.listen("configReady", (webpackConfig) => {
const rules = webpackConfig.module.rules;
const targetSVG = /(\.(png|jpe?g|gif|webp)$|^((?!font).)*\.svg$)/;
const targetFont = /(\.(woff2?|ttf|eot|otf)$|font.*\.svg$)/;
const targetCSS = /\.p?css$/;
for (let rule of rules) {
if (rule.test.toString() === targetSVG.toString()) {
rule.exclude = CKERegex.svg;
} else if (rule.test.toString() === targetFont.toString()) {
rule.exclude = CKERegex.svg;
} else if (rule.test.toString() === targetCSS.toString()) {
rule.exclude = CKERegex.css;
}
}
});
mix.alias({
"@": path.join(__dirname, "resources/app"),
"~": path.join(__dirname, "node_modules"),
});
mix
.js("resources/app/main.js", "public/dist/js")
.vue()
.sass("resources/app/assets/sass/app.scss", "public/dist/css")
.options({
processCssUrls: false,
postCss: [tailwindcss("./tailwind.config.js")],
})
.autoload({
"cash-dom": ["cash"],
"@popperjs/core": ["Popper"],
})
.webpackConfig({
module: {
rules: [
{
test: CKERegex.svg,
use: ["raw-loader"],
},
{
test: CKERegex.css,
use: [
{
loader: "style-loader",
options: {
injectType: "singletonStyleTag",
attributes: {
"data-cke": true,
},
},
},
"css-loader",
{
loader: "postcss-loader",
options: {
postcssOptions: styles.getPostCssConfig({
themeImporter: {
themePath: require.resolve(
"@ckeditor/ckeditor5-theme-lark"
),
},
minify: true,
}),
},
},
],
},
],
},
})
.browserSync({
proxy: "midone-vue-laravel.test",
files: ["resources/**/*.*"],
});
- Run npm install & npm run dev.
Hope this helps.
Best regards, Left4code Team
i am having this issue when npm run dev,...TypeError: Cannot read property ‘parseComponent’ of undefined
I solved by installing vue-loader. Btw, is it normal that image not able to load? Seems like all image unable to load became [object Module]
Hi dreamxyz95,
Yes, it’s normal. I guess it’s because we implement different webpack config (Mix/Vue CLI).
But you can access local images by adding ”.default” property like below.
<img alt="Icewall Tailwind HTML Admin Template" class="rounded-md" :src="require(`@/assets/images/${$f()[0].images[0]}`).default" />
Hope this helps.
Best regards, Left4code Team
Alright, thank you.
You’re very welcome..
Hello, is it possible to get vuejs 2 version of rubick ?
Hi XopTgaH,
Thank you for reaching out to us,
Yes of course, but some updates in newer versions may not be available, because we are currently using vue 3.
Please leave your email if you are OK with this..
Best regards, Left4code Team
I`m ok with this thankyou . email: itheriss@gmail.com
Email sent..
Best regards, Left4code Team
Ladies and gentlemen, I recently bought their template. Unfortunately, I noticed that the landing page of http://midone-vue.left4code.com/ is not included. Unfortunately, I noticed that the landing page of http://midone-vue.left4code.com/ is not included. Can you send me the HTML file from the landing page ?Can you send me the HTML file from the landing page ??
Hi Haiopai,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Actually the landing page is not part of the item, but we can send it if you want. Please leave your email here..
Best regards, Left4code Team
okay thanks (: My E-Mail adress : Marketing.Zimmer-Lucas@web.de thank you very much (:
Hi Haiopai,
Thank you for your patience, we have sent the file please check your inbox..
Best regards, Left4code Team
Hi please send vue2 package to this email pluginsworld@gmail .com
Email sent, kindly check your inbox..
Best regards, Left4code Team
Hi, Tried installing vue 3 on fresh installation with node verion 12.22, npm 6.14, yarn 1.22 iam getting following error
[4/4] Building fresh packages… [1/4] ⠂ vue-demi [2/4] ⠂ core-js [3/4] ⠂ ejs events.js:291e throw er; // Unhandled ‘error’ event ^
Error: read ENOTCONN at tryReadStart (net.js:574:20) at Socket._read (net.js:585:5) at Socket.Readable.read (_stream_readable.js:469:10) at Socket.read (net.js:625:39) at new Socket (net.js:377:12) at Object.Socket (net.js:268:41) at createSocket (internal/child_process.js:315:14) at ChildProcess.spawn (internal/child_process.js:438:23) at Object.spawn (child_process.js:553:9) at /usr/share/yarn/lib/cli.js:25829:24 Emitted ‘error’ event on Socket instance at: at emitErrorNT (internal/streams/destroy.js:92:8) at emitErrorAndCloseNT (internal/streams/destroy.js:60:3) at processTicksAndRejections (internal/process/task_queues.js:84:21) { errno: ‘ENOTCONN’, code: ‘ENOTCONN’, syscall: ‘read’ }
Hi pluginsworld,
Please upgrade your npm & node to the latest version, if the error still occured please send us a video recording of your installation here: leftforcode@gmail.comBest regards, Left4code Team
I want this for vuejs2. If I purchase can you provide with vuejs2 2 version
Hi pluginsworld,
Thank you for reaching out to us,
Sure, but some updates in newer versions may not be available including the new theme Icewall, because we are currently using vue 3.
Best regards, Left4code Team
Thank u. Yes purchased it. No problem with new updates. Can u send it to my mail
Sure, please write your email..
hi, if i buy this version, can you provide me the version in Vue 2 with Tailwind 1.9.6?
Hi antoniobarone95,
Thank you for reaching out to us,
Sure, but some updates in newer versions may not be available, because we are currently using vue 3.
Best regards, Left4code Team
purchase the license with the company account; can you send me the version in VUE 2 later? what do you need to certify the purchase?
Hi antoniobarone95,
Sure, please send us the purchase code here: leftforcode@gmail.comBest regards, Left4code Team
perfect sent
hi, I bought the license and sent an email, can you kindly send me the package in VUE 2?
Hi antoniobarone95,
Sorry for the late reply,
We just replied to your email, kindly check it to download the file..
Best regards, Left4code Team
Hi, may I know why I cannot find icewall xd file?
Hi zhenghaowei,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Unfortunately, the XD design file for Icewall is still not available for production.
Since the XD the design files are added as a bonus file, We will focus more on updating new page and theme variants.
Best regards, Left4code Team
Can you please send me the typescript version of Rubick for Vue 3?
Thanks!
Hi Calautigo,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Please write your email we will send it to you via email..
Best regards, Left4code Team
Hi, Im looking for help disabling the auto-fade+slide-in of the page components. Could you give some directions how to do this?
Many thanks! Michael
Hi michaelmocan,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
You can disable animation by removing the sass file. Please check the following details:
(”/src/sass/app.scss”) https://prnt.sc/10bbdd0Hope this helps.
Best regards, Left4code Team
Dear Sir, I accidently selected the vue + HTML 5, instead I was planning to purchase with laravel support. Can you please change my order to Laravel or give me an access to Laravel + HTML 5.
Thanks for the reply. Since I clicked the download button before I found out I bought the wrong one, I will choose the second options of your suggestion .
I just bought the Laravel license again.. Please refund the vue transaction.. Thanks alot
Hi,
Please go through this link to submit a refund request. We will process it immediately.
https://themeforest.net/refund_requests/newBest regards, Left4code Team
Submitted!
Can you send me the latest Typescript version (I think that’s 2.0.2?)
Also van you send me each higher version as well, then I can merge the improvements of those versions into the typescript version
Hi raanhane,
Unfortunately, We only have the latest typescript version.
Please enter your email, we will send it via your email.
Best regards, Left4code Team
Hello. This amazing Template does not seem to support rtl. Do you have a plan to add it?
Hi alquhait,
Thank you for your interest to our template.
Unfortunately, we still don’t have any plan to add RTL layout.
Best regards, Left4code Team
Hello. This amazing theme does not seem to support rtl. Do you have a plan to add it?
Hi alquhait,
Thank you for your interest to our template.
Unfortunately, we still don’t have any plan to add RTL layout.
Best regards, Left4code Team
Hello,
I am looking forward to purchase your theme. Can you confirm that we will receive the psds along with the purchased bundle?
Hi prashant778,
Thank you for reaching out to us,
Unfortunately, at the moment there are only designs on XD and not all pages / themes are available.
Best regards, Left4code Team
How many pages are available on XD?
Best regards, Left4code Team
good morning rpeciso of an aid. I’m trying to run here on my machine, but it doesn’t work. first I run ‘npm install’ then ‘npm run serves’ and there are several errors.
Hi jovemnf,
Thank you for taking the time to contact us, I’ll be more than happy to help you.
Can you try to update your Node & NPM versions?
If it’s up to date, please send your installation video in the following email “leftforcode@gmail.com”.
We will check it further.
Best regards, Left4code Team
I have another question, is there a way to call modals programatically?
I don’t understand the example, there is no JS code to see as reference…
I found a way to do it… you need to fix your demo, code is not shown properly sometimes…
I have another question:
Where can we change the placeholders for the TailSelect component, for example for the search box, and when there is no results…?
Hi NaturalCloud,
Thank you for your patient,
You can pass the Tail Select options as props like below:
<TailSelect
v-model="select"
:options="{
placeholder: "Search items...",
}"
>
<option value="1">Leonardo DiCaprio</option>
<option value="2">Johnny Deep</option>
<option value="3">Robert Downey, Jr</option>
<option value="4">Samuel L. Jackson</option>
<option value="5">Morgan Freeman</option>
</TailSelect>
You can check all available options here:
https://www.npmjs.com/package/tail.select
Hope this helps.
Best regards, Left4code Team
