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 
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/puv9ajI 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!
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
...
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,
Thanks for showing interest in our template!
It can be integrated with django project, we are considering that you will be integrating REST api with Vuely. Server side rendering is also possible but we think that you will need to make different header/footer/menu components if they are going to be different on pages and you will also need to add some condition based load funtions to load header/footers.
It can also be achieved with the build after developing it on the local system with all conditions added.
Please mention if you have any specific query or any integration related doubt at support@theironnetwork.org, we would be more than happy to help you.
Thanks and have a nice day!
Thanks for your quick response. Yes, i’ll be using a rest api to load dynamic data, such as chart and table data, and do form validation in ajax. But the skeleton of the application (header, menu) and all the auth mecanism will be handled in a “standard” way (not by vuejs).
Hi again!
If header and menus will not be handled by vue js then you can implement your logic to load them and configure vuely with server side rendering.
We are not sure on how will you load the header/menu based on page, it would be good if you can explain it so that we can check if it will work or have some issues.
It would be better if you explain in detail at support@theironnetwork.org , then we will guide you accordingly.
Thanks
ok, I’ll send you an email directly to support@theironnetwork.org
emailed you twice. I’m waiting for your response. Thanks!
Hi, I haven’t heard back from you. I went ahead and bought the theme. Do you have any specific instruction to use it as a multi-page app instead of a single page app?
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
Hi,
Thanks for reaching out! So, here is the simple trick to disable responsiveness of a website.
Step 1. Go to the public folder and open for index.html file. Please find the below code in your HTML especially in <head> section of
<meta name=viewport content=”width=device-width,initial-scale=1”> Step 2. Comment the line with <!– –> comment tag or remove the line completely.
Step 3. That’s it. Save your file and Check it on any devices.
Note: Please note that this trick work only for mobile devices, but the responsiveness may still appear in Web browsers. We also controlled sidebar with some code conditions and rules. So it will also not show as desktop view but you should try it and check it out. You may like it.
If you do not want anymore, then you have to find @media {…} in your SCSS files and delete the SCSS inside it.
Let us know if you need anything else at support@theironnetwork.org
Thanks and have a nice day.
Ok it’s work but i have some problem
I toggle drawer but some time it don’t work
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