Discussion on Vuely - Vuejs, Laravel, Angular 13, Expressjs Material Design Admin Template

Discussion on Vuely - Vuejs, Laravel, Angular 13, Expressjs Material Design Admin Template

Cart 1,647 sales
Well Documented

IronNetwork does not currently provide support for this item.

383 comments found.

Is there a template for Figma or Photoshop? Is it possible to get it?

Hi,

Thanks for reaching out!

Unfortunately, Vuely did not have any design resources as you are asking.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

I want to run on windows like this: file: /// C: /Users/user/code/vuely/dist/index.html

I tried with this change in vue.config.js

publicPath: process.env.NODE_ENV == ‘production’? ’.’ : ’/’, but it does not work, which recommendation gives me, I do not need to run it on a server, only locally without a server.

Hi,

Thanks for reaching out!

The dist directory is meant to be served by an HTTP server (unless you’ve configured publicPath to be a relative value), so it will not work if you open dist/index.html directly over file:// protocol.

To know more please visit the following link: https://cli.vuejs.org/config/#publicpath

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

hello thanks for great theme ++ but something wrong, when choose dashboard web-analytics then go to chat or inbox, sidebar layout broken thanks

Hi,

Thanks for reaching out!

We have checked this issue at our end. It is because of box shadow. To fix this you have to follow the following steps:

1. Go to src/assets/scss/custom/_sidebar.scss and open the file . 2. Now, Find ”.collapse-sidebar” class in the file and add Z-index property on hover as mention in below code Snippet :

.collapse-sidebar {
   .Vuely-sidebar.v-navigation-drawer {
      ...
      &:hover {
        width: $sidebar-width !important;
        z-index: 9 ;   // Add z-index property on hover
     ...

Let us know if it works.

For other issues and concerns please contact us at support@theironnetwork.org

Thanks and have a nice day!

yeah it’s work will it push to next version release, so i can make a temp adjustment because i’ll use file and folder diff for maintain new release from you this one is too great to make it light, so i make it special one :D

one more, from @battilo post about logout do i need to adjust current vuely with it ?

Hi,

Yes, We will try to update it in our future update for sure.

The code which you are mentioning out is just the suggestion by our user. So if want to use that then you can use it but we did not test the code.

We also provided the code for authentication and we recommend our code.

If you have any problem with our particular this or having a problem with others then let us know at support@theironnetwork.org

Thanks and have a nice day

Hello,

I was able to successfully install Laravel version.

However when I run the code, i see lot of references to components hosted on “theironnetwork.org” domain.

Here is a screenshot to given an example http://prntscr.com/puv9aj

I checked the documentation and didn’t find any instruction on how to handle this.

Please check and revert

Hi,

Thanks for reaching out!

This is a basic API URL path for the vuely theme. Some of the data like chats history, pricing, and other widget data is coming from our server’s API. If you want to use API then you need to replace the path with your API path.

If you are only worried about the errors and warning then you need to update the base address to https because recently we are updated the file at https. So you need to set base URL as follows: Go to the resources/js/api/index.js open the file and update the base URL as follows :

baseURL: 'https://reactify.theironnetwork.org/data/'

Let us know if you have any info and queries at support@theironnetwork.org

Thanks and have a nice day ahead!

How to remove change tab animetion in v-tab i don’t need animation https://uppic.cc/d/5Fo8

Hi,

Thanks for reaching out!

We have checked this issue at our end, but unable to find this type of animation. Maybe you have done some custom work for the transition that’s why this type of animation occurs.

To disable it you have to add custom CSS under style tag on the same page as shown in below code snippet:-

1. Add this Code after <script> tag :-

<style>
   .no-transition { transition: none; }
   .no-transition * { transition: none; }
</style>

2. Add the class ”.no-transition” in , <v-tabs v-model=”tabs” class=”no-transition”>

In this way, the animation effect will be removed.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

How to get dense data table now can’t use this props dense from vuetify i need dense table help me pls

Hi,

Thanks for reaching out!

To use dense property in tables, you have to do some changes in table.scss file. For this go to src/assets/scss/custom/_table.scss and search for the class ”.v-data-table” then find the height property and comment/remove it. Now you can see the changes made by dense prop.

Let us know if you have any info and queries at support@theironnetwork.org

Thanks and have a nice day ahead!

Hi, I’d like to share a change and why, about authentication, because maybe I’m wrong :grin: ... If logged user dind’t explicity logout, in localstorage persists key “user”. In main.js there is a check if exists this key, but don’t checks the espiration of token and so the user logins but don’t have a valid token. I made this change to check this.

router.beforeEach((to, from, next) => {
    Nprogress.start()
    if (to.matched.some(record => record.meta.requiresAuth)) {
        // this route requires auth, check if logged in
        // if not, redirect to login page.
        if (localStorage.getItem('user') === null) {
            next({
                path: '/session/login',
                query: { redirect: to.fullPath }
            })
// my change from
       } else if (!isAuthenticated()) {  
            next(
                logout()
            )
// my change to
        } else {                                    
            next()
        }
    } else {
        next() // make sure to always call next()!
    }
})

How can i used my own authentication in vuely-laravel, i mean How many files to delete if i am going to use laravel-authentication (php artisan make:auth)

Hi Yonis,

Thanks for reaching out!

Before answering your questions We should clear that You should consider Vuely as both a starter app for Vuejs people and a learning source for newcomers. As you new to VueJs so without proper knowledge of Vuejs, you won’t be able to go too far, unfortunately.

If you decide to learn VueJs, then Vuely is a great tool too. It uses a lot of intermediate and advanced aspects of the Vuely but still has some challenges for the newcomers.

Regarding your query, If you want to use the auth laravel project then we recommend using laravel passport project. You can find this in your downloaded folder of vuely.

If you want to convert laravel project to authentication then firstly it will take too long to time and secondly, we don’t have predefined steps for this process and at last as you new to new to VueJs so it will also tricky for you.

So its better to go for VueJs passport version of vuely.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

Hello there, We recently purchased this theme to implement the admin side of our web app. Our existing web app is built using VueJS 2.5.10 and we developed many custom components there e.g. signup form with 200 fields.

Hence we plan to reuse most of the components from our existing VueJS site

However, for certain pages, e.g. dashboard, etc we wanted to use Vuely theme elements.

We did read the documentation however couldn’t find any good reference on how to address our requirement i.e. how to integrate vuely elements to our existing VueJS app.

I have tried the Vuetify method but I wasn’t very successful with it.

Could you please point me in the right direction on how can we integrate Vuely ( some components) to our existing app.

Thank you in advance

can you please provide me with an offline version of your documentation.

Thanks

If you want to buy the theme template, use the company website, the company website has a service to carry out the website function provided by the company, may I ask whether to purchase the Regular License or the Extended License?

As we are an exclusive author with envato , we are covered by their license policy. Whether to buy a regular license or extended license depends upon your requirement for example if you want to build SAAS based product, you would need to buy an extended license. Thanks!

How to active sidebar when enter direct url Thank you :) My email : ratchanonsangon@gmail.com

email sent again on this email. Thanks!

If I use Vuely-Laravel, is it using laravel route or vue route?

Hi,

Thanks for reaching out!

Regarding support of laravel without vuejs, We support laravel+ blade version with vue js only. You may use laravel independently or with your preferred language.

Regarding Routing, Vuely-Laravel uses both laravel routes and vue routes. Laravel-routes is used to load the project for first time and vue-route is used to load the components after that.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day.

Will the template support separate laravel + blade not use vue?

Hi,

Thanks for reaching out!

Regarding support of laravel without vuejs, We support laravel+ blade version with vue js only. You may use laravel independently or with your preferred language.

Regarding Routing, Vuely-Laravel uses both laravel routes and vue routes. Laravel-routes is used to load the project for first time and vue-route is used to load the components after that.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day.

Hi everyone, thanks for the wonderful theme! It is very well structured and pretty easy to learn.

I use vuely-laravel with the integration of Auth0 both for the laravel API and for the frontend. I store in the Auth0 metadata the user preferences (theme, locale and so on) and I would like to set them when the user logs in. I didn’t understand how to do this.

Thanks in advance.

Kind regards

Sorry …. Some information about my question … when I get user metadata at login, i call

store.dispatch (“changeLanguage”, userResult.user_metadata.language);

to set locale; in userResult.user_metadata.language is store language object…

This call sets the flag of the language but not the language of the site.

Hi,

Thanks for your kind words!

From your query we recognized that you have missed to set language in i18n locale. Please be sure that you have set the locale in $i18n.locale also.

For e.g- In our project we are setting the locale as this.$i18n.locale = language.locale; this.$store.dispatch(“changeLanguage”, language);

After making changes if it doesn’t work then please share us the files so that we can check more briefly.

Let us know if you have any queries or concerns at support@theironnetwork.org

Thanks and have a nice day!

Hi, I’m planning to use this theme within a django (python) project. Do you have any special recommendation for this use cas? Also, I would like to use server-side routing and use vuejs for the dynamic parts of my pages. Probably the headers, footers, menus would be loaded from the server. Can it be used like this?

Hi,

By looking at the code sample you provided, it seems that vuely integration is possible with you django template however you will need to implement your logic to load the headers/menu and respective component from vue template to show the page. As of now the routing is handled by vue template but you might need to make changes in it if you are going to have server side rendering.

We have not integrated vuely with django application before so not able to provide you the guidelines on integration. We will be able to provide you the support for vuely. We also provide paid support for custom requirements, if you need any help with your project you can mail us at support@theironnetwork.org with your requirement.

Thanks

Hi,

Django is just a framework, as Laravel. The issue here is the structure. I never expected you to provide guidelines regarding django, but how to achieve the desired structure.

Unfortunately, it’s nearly impossible (unless I spend weeks) to extract the code of the navigation menu, top bar (and other smaller components like the notifications one) into standard html/css/js in order to make it fit the code sample I provided you.

Hi,

With the mention point we understands that you need some sections in html/css but not with vuejs. Vuely is built with vuejs and it does not have a html/css version so we are not able to provide you the html code. Thanks

Hello guys, your template look good, i have any question for you!

1.- Is posible integrate this template with Laravel 5.5 and vuejs, i mean Laravel in backend and Vue in frontend??

2.- Do you have any guide for this process (for integrate with laravel in backend), if i buy the template?

3.- if can use with laravel in backend, what version do you recomend?

thanks you guys!

Hi,

Thanks for reaching out!

There are following feedback as per as questions:

1. We support the latest version of the theme. For laravel we are using the latest version too. Regarding front and back end, we did not test as for now yeah but you may try this.

2. Unfortunately, we don’t have any predefines steps to guide the process. You can do it by yourself or hire a Vue js developer, which will guide and do as per your requirements.

3. We recommend using the latest version because all the dependencies of the theme are now supported by the latest version. So it’s hard and glitchy to have an old version

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day.

How to make to non reponsive i want to show in mobile same desktop view

I don’t want to responsive anything how to do ?

Thank you

how to active menu in drawer when i direct url ?

Hi,

We have a solution for your requirement as you requested now please give us your email id at support@theironnetwork.org so that we can send you the related file as well.

Let us know if you need anything else.

Thanks and have nice day!

i forward this reply email to your email :)

Hi, DatePicker has a height problem not all days of the month is visible to user. The .v-date-picker-table class sets the height 242px if I disable this property all dates are visible.

Hi,

Thanks for reaching out!

We need your email id to send you the code and file for this solution. So Please send us your email at support@theironnetwork.org with subject “DatePicker has a height problem issue”.

We will send you the code for the same.

Thanks and have a nice day!

Hi,

I was just wondering whether you had any advice on how to pull items from Vuex state and display it in the sidebar.

I’ve tried to import the store:

import { store } from '../../store';

in /store/modules/sidebar/data.js but when I try something like

store.getters.myvariable 

as a menu item but I get store is undefined.

Regards Paul

Hi,

Thanks for reaching out!

We did not exactly understand what do you want. So please explain in detail what do you want achieve then we will send you the guidelines accordingly.

Please send us your detailed query at support@theironnetwork.org

Let us know if you need anything else.

Thanks

Cheers, emailed

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey