Hi femijacob,

Thank you for reaching out to us,

Yes, you can buy the vuejs version then configure Laravel Mix to work with the vuejs version.

Thanks for your response, I have purchased the vue version. Please can get asistance with setting up the laravel mix

Hi spormeon,

Thank you for reaching out to us,

Highlight.js is only used to show the example code. You can remove it from “app.js” and “app.scss”.

Please check the screenshot below: https://prnt.sc/1x1muky https://prnt.sc/1x1my26

thanks found them. On the roboto fonts, which one is used by default or is there a mix being used, i.e in _roboto.scss what can be commented out to leave as is?/* cyrillic / , / greek-ext */ etc etc

By default we usually use Roboto-Regular for the standard font and Roboto-Black for the boldest font. Please check the list below.

- Roboto-Regular - Roboto-Medium - Roboto-Bold - Roboto-Black You can found the font files at ”/resources/fonts/roboto” and mix config here “webpack.mix.js”. https://prnt.sc/1x29i7j

Hi gitzjoey,

Sorry for the late reply,

You can take an example from ”/src/views/validation/Main.vue” please check the code below.

<input id="validation-form-1" v-model.trim="validate.name.$model" type="text" name="name" class="form-control" :class="{ 'border-theme-6': validate.name.$error }" placeholder="John Legend" /> <template v-if="validate.name.$error"> <div v-for="(error, index) in validate.name.$errors" :key="index" class="text-theme-6 mt-2"> {{ error.$message }} </div> </template> https://prnt.sc/1x1nqbr

The red/danger color can be different for each theme, you can check the example from each validation page.

Let me know if you still have any question about this.

your sample is for vertical form, i’m talking about horizontal form can you give sample for label, input box, and also the validation (red text under the textbox)

Hi,

Please check the following code.

<form> <div class="form-inline"> <label for="horizontal-form-1" class="form-label sm:w-20" >Name</label > <input id="horizontal-form-1" v-model.trim="validate.name.$model" type="text" class="form-control" :class="{ 'border-theme-6': validate.name.$error }" placeholder="John Legend" /> </div> <template v-if="validate.name.$error"> <div v-for="(error, index) in validate.name.$errors" :key="index" class="text-theme-6 sm:ml-20 sm:pl-5 mt-2"> {{ error.$message }} </div> </template> </form>

This causing the label and the input box become uneven. Is there a way to make it even?

Hi reply2haroon,

Thank you for reaching out to us,

Can you send the error message or screenshot that i can check?

Please check this video .. https://www.dropbox.com/s/k3x28l5xvrsityb/Video_2021-10-07_142918.wmv?dl=0

thanks

Hi,

As I noticed, you’re using a PHP file alongside the template, so you need to add a PHP extension in tailwind.config.js to prevent the styles from being removed during compilation. Please check the screenshot below: https://prnt.sc/1v5wydp

pls check => https://www.dropbox.com/s/v29ek6i8osi1ink/Video_2021-10-07_165144.wmv?dl=0

Hi cbeckner12,

Thank you for reaching out to us,

We just updated this issue a while ago, can you re-download the file?

Still not working, I downloaded, unzipped, opened VS Code and ran yarn install, then yarn serve in the Terminal, and this is what I get.

chadPATHHIDDEN Source % yarn install yarn install v1.22.15 info No lockfile found. [1/4] Resolving packages… warning @vue/cli-service > webpack-dev-server > url > querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead. warning @vue/cli-service > webpack-dev-server > sockjs > uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. warning babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates. [2/4] Fetching packages… [3/4] Linking dependencies… warning “vue/cli-service > <redpre#4>” has incorrect peer dependency “webpack^{4.0.0”. warning “vue/eslint-config-standard > <redpre#5>” has unmet peer dependency “webpack>=1.11.0”. warning ” > sass-loader@12.1.0” has unmet peer dependency “webpack@}5.0.0”. [4/4] Building fresh packages… success Saved lockfile. ✨ Done in 64.92s. chad@PATHHIDDEN Source % yarn serve yarn run v1.22.15 $ vue-cli-service serve INFO Starting development server… [51%] building (327/710 modules)

warn – You have enabled the JIT engine which is currently in preview.

ERROR  Failed to compile with 1 error                                                                                                                                                             11:34:48 AM

error

Conflict: Multiple assets emit different content to the same filename index.html

ERROR in Conflict: Multiple assets emit different content to the same filename index.html

webpack compiled with 1 error

ERROR  Failed to compile with 1 error                                                                                                                                                             11:34:51 AM

error

Conflict: Multiple assets emit different content to the same filename index.html

ERROR in Conflict: Multiple assets emit different content to the same filename index.html

webpack compiled with 1 error

Thoughts, and thanks.

Chad

Can you check your Node and NPM versions?

Node: v14.15.5; NPM: 7.6.2

Thanks for the info,

Can you update your Node and NPM to the latest version? We just checked the current release with Node: v16.7.0, NPM: 7.20.3 and found no issues.

I’ve updated, same issues. I’m wondering if I’m not downloading the correct version? I’m using the download link that is at the top right of this page.

Yes, it should be in the dropdown of your account. https://help.market.envato.com/hc/en-us/articles/202501014-How-To-Download-Your-Items Here are the latest versions of each template. https://prnt.sc/1uwnaac

Can you please send a screen recording of your installation? Maybe we can help you with more detailed information.

Hi spormeon,

Thank you for reaching out to us,

We do not provide a footer because it is rarely used in the Admin template. However, you can add it manually on the layout you are currently using. For example, for the side menu, you can add it to ”/src/layouts/side-menu/Main.vue”. https://prnt.sc/1uwiq42

To change the submenu icon please open this file ”/layouts/side-menu/Main.vue” and apply these changes:

Line 83: https://prnt.sc/1jsquf5 Line 120: https://prnt.sc/1jsrvwf

Hope this helps.

Best regards, Left4code Team

that makes the icons appear but it doesn’t stop the original ones appearing, so there are 2 there in effect now?

adding footer there doesn’t work: https://prnt.sc/1uwuhpj https://prnt.sc/1uwunvz

Please note to comment the ”<ActivityIcon />” and ”<ZapIcon />” components to remove the default icon. You can check the link above for more details.

nope, still doesnt work: https://prnt.sc/1uwz6nk it just puts the “lightning one below the other ones now” https://prnt.sc/1uwz6nk

For the footer you can try to use the code below: https://prnt.sc/1ux087x <div class="intro-y pt-5 text-white -mt-20 w-full flex justify-center z-10 relative mb-10"> <div>© 2021 Left4code</div> <a class="ml-5" href="">Terms and Conditions</a> <a class="ml-5" href="">Privacy Policy</a> </div>