94 comments found.
Hi there,
I’ve noticed if you have a Company name with a ‘g’ or a ‘y’ in, and you replace that in the top left corner (next to the logo) of the theme, then it removes the bottom of the ‘g’ and ‘y’ off.
You either need to reduce the ’.headline’ line-height, or increase the height of ’.v-list__tile__title’. It’s in NavDrawer.vue
Can you advise/resolve?
Regards Paul
Hey Paul,
Thanks for writing to us.
We will check and get back to you.
Regards,
Mia
Hey Paul,
Please do below changes for quick fix.
<v-list-tile-title class="brand-name headline">grey</v-list-tile-title>in
NavDrawer.vue <pre>
also add below code in _sidebar.styl.
<pre>
.vuse-sidebar
.brand-name
height: inherit;
line-height: 48px !important;
</pre>
Thanks for your support and patience.
Feel free to write us if any case.
Regards,
Mia</pre>
Perfect, that’s sorted it.
Many thanks, Paul
Hi, could you please provide also the source code for the documentation or are you selling it separately. Thanks again for your good coding and project structuring. keep on the good work.
Hey Focus3D,
Sorry for late response.
Thanks for showing appreciating our product. We are not selling and providing documentation source code.
Thank you,
— Regards, Mia
Hello!
Could you tell me which version of vuetify is intergrated in your admin dashboard package? If it still not uses Vuetify 2, do you plan to upgrade it?
Thank you! Kind regards. Patrik Rozgonyi
Hey there,
Thanks for writing to us.
We have vuetify1.3.10 and will have plan to upgrade it but could not commit the date right now.
Regards,
Mia
Hi,
please, could you explain how to use i18n? I can see that everything is initialized properly and the messages are loaded but using $t or $vuetify.t no labels are translated. Probably I am missing something but I have not found any example in the sample portal. Thanks. Regards,
Jose
Hey,
Thanks for writing to us.
You could see two folders in src folder name:- src -- i18n -- lang
We import all necessary languages to i18n from lang. lang folder has language folders where we have files for that lang.
Here, i18n’s index.js plays major role to setup language(locale) which has:
function createI18n() {}
I would request to refer that function.
In the main.js, that function is invoked with no- arguments, so I will take default language as “en”. But one can change the lang by changing arguments to the createI18n().
For Translation, 1. we need folders and files in lang folder and must be imported to i18n folder index. 2. Once you change lang from the UI interface or any other medium, It should update the createI18n()
Another way to restructure the local is to follow this: https://v15.vuetifyjs.com/en/framework/internationalizationWe are following a different approach for locale that was followed by vuetify in previous versions. Very soon in the next updates, we will update the approach.
Let us know if you need more details.
We would be happy to assist you.
Regards,
Mia
Hi Mia, thanks for the detailed explanation. I am looking for what is not in order in my environment. By the way, congratulations for the vuse template, it is really good and very well organized. Regards,
Jose
npm install got stoppped , node module packages are not installed
Hey Strikes,
Thanks for writing to us.
We need more details to help you. 1. Are you facing the issue for version 1 or 2? 2. Is that for demo or quickstart?
I would also request to provide the screenshot.
Awaiting to hear from you.
Regards,
Mia
Hi Unsetting all of the proxy options using
npm config rm proxy npm config rm https-proxy
and then npm install works fine for me!!!!
Hey Strikes, Awesome!! Good to hear from you, it’s working for you.
Regards,
Mia
Hi, Is there multiple language support available in Vuse template?
Hey tevatel,
Thanks for writing to us.
Yes, It supports. We have made our custom setup to handle it. However you can use vuetify way to implement it.
Regards,
Mia
Hello, I try to customize the color of the selected item in the navdrawer. I see a parameter named groupActive in variables.styl, but it has no effect. I spent hours to find where to customise this, given I want a custom color that is no in the Google Material colors. Thanks
Hey Frossigneux,
Thanks for writing to use and showing your interest in your product.
You can achieve this very easily by following below steps:
1. go to variables.styl file and add variable under $theme object.
$theme := {
.......
.......
frossigneux: #E684AE
.......
.......
}
2. Go to _theme-builder.styl file and add line for newly added color to color object.
colors = {
frossigneux-500: { bg: $theme.frossigneux, clr: #FFF },
sidebar-500: { bg: $theme.sidebar, clr: #FFF },
.......
.......
}
3. Update in config/schemes.js
.......
.......
scheme: "md-frossigneux-500-scheme",
.......
4. You can also add the same scheme to data/AppColorScheme.js . This will show your new theme as selected in Right-sidebar (Theme Settings).
{
name: "Default-light",
.......
scheme: "md-frossigneux-500-scheme",
.......
},
Event though, I would request you to share your email address, we could share you a few files for quick changes.
Awaiting to hear from you.
Regards, Mia
Many thanks! It worked perfectly 
You’re most welcome! 
Mia
Pls at least show some respect for other people’s hard work.http://vma.isocked.com/#/widgets/list
Hey Tookit,
We appreciated your work. We took those components from Github (under MIT LICENSE ): https://github.com/tookit/vue-material-adminHowever we will update the components and do needful.
I would request you to mail us on hexesist@gmail.com for this matter.
Regards,
Mia
Really liked the theme. However I can find the tables design in your package. Wondering if I missed it somewhere. Thanks
Hey Brijmohan,
Thanks for showing your interest in Vuse.
Here is the link where you can see tables.
http://preview-vuse2.hexesis.com/components/data-tables/datatableLet me if you need any other information.
Regards,
Mia
Thanks for you help. Currently I am facing another issue, v-timeline and v-timeline-item are recognized for some reason.Any help would be appreciated.
Hey Brijmohan,
Thanks for writing to us.
I am not getting clear understanding of the question. Could you please share some details?
For reference, I am sharing you a link. But free free to explain the case in detail.
http://preview-vuse2.hexesis.com/components/timelineAwaiting to hear from you.
Regards,
Mia
Hello Hexesis, Thanks for your quick response. I chose the quickstart project as a base project and I am creating a component that can show a timeline. Now I am trying to use v-timeline and v-timeline-item as suggested in the link you shared. However, the compiler is not really identifying these 2 tags. I am suspecting that this might be a vuetify version issue. My Editor(phpstorm) shown me an error > “Unknown HTML tag v-timeline”. I upgraded the vuetify to 1.3.2 and the editor is not complaining anymore, the code compiles and runs, however, clicking on profile View page hangs the whole app. Would be great if you could suggest a solution with original settings. Thanks in Advance.
Hey Brijmohan,
Sorry for late reply. Our team will look into your query and get back to you today.
Thanks for your patience.
Regards,
Mia
Hey Brijmohan,
We have just checked our version-2 and its quick-start.
It works fine. As I understand you were using version 1.2.10. We need some more time to follow the steps as per your direction.
Kindly confirm the steps mentioned below:
- Take quick-start version 1.2.10 - Update it to version 1.3.2 - Try out timeline
Thanks for your support and patience.
Awaiting to hear from you.
Regards,
Mia
Hey Brijmohan,
Hope you’re doing well!
We have check with Vuse(Internal Version 1.2.10) which using Vuetify@1.2.10.
We have followed below steps and it works fine with v-timeline and v-timeline-item.
- Update vuetify with npm install vuetify@1.3.14 - Take code of timeline and try it on blank pageand it works fine.
with this, you could see <VBreadcrumbs> slot’ is deprecated, use ’:items and scoped slot “item”’ instead. There are a few more components which were updated in Vuetify@1.3.14. Those things we have handled in our Vuse(Internal Version 1.3.14).
Hope this will work for you.
Feel free to write us, we are happy to assist you.
Thanks for your support and patience.
Regards,
Mia
Hi,
When we build this project via “npm run build” we can not build your template. Whats the correct method for build (for serve end-users) ?
Thanks.
Hey yalowa77,
Thanks for writing to use.
We can make production build with
npm run build. I just cross verify our both versions. It works fine. We have tried with quickstart and demo as well.
I would request to share screenshot of error that you’re facing.
Regards,
Mia
Hi,
I’ve changed the colors scheme via Settings on rightbar (hidden one).
But I couldn’t save this settings by default.
How can I do ?
Thanks.
Hello yalowa,
Thanks for writing to us. We are not storing the vuex data persistently by default.
You can use vue-persistant npm package to achieve it.
Regards,
Mia
Hi Mia,
Thank you for response. I know vue-persistant package. I’m not asking “Client side set” I’m asking about “How to set Default theme colors permanent. I need change the colors permanently and compile theme with this settings.”
Thanks
Hey Yalowa,
You can set this things in config folder where you can configure navigation and scheme. You can set the theme option parmanent in config.
Document: http://doc-vuse-v2.hexesis.com You can get find that in structure menu in the document.
Let me know if I am still misunderstood. I would be happy to assist you.
Regards,
Mia
Hi, I am facing symbol undefined when I am running IE11. May I check what is the configuration to make work?
Hey alvinleehongguang,
Thanks for writing to us.
Vuse Admin majorly support Firefox, Safari, Opera, Chrome, Edge browsers as mentioned.
We have not tested Vuse with IE as ES6 & other css/js does not support. However you can check this link for more details for IE support.
http://doc-vuse-v2.hexesis.com/But we recommend to use either of Firefox, Safari, Opera, Chrome, Edge brosers.
Regards, Mia
Hello,
when I build a quickstart v2 I just see a blank page. I just extracted the v2 and quickstart folder and I executed the command npm i (no errors) npm run serve (everything ok) Ctrl + C -> to stop the server npm run build -> no errors again I put dist folder into /var/www/html/vuse folder in my computer and I typed localhost/vuse/dist => Blank Page. Do I have to do any configuration?
The computer settings is: npm: 6.7.0 node: v11.10.0 vue-cli: 3.4.0
Att, Antonio Gutierrez
Hey Antonio,
Thanks for writing to us.
You can not access the build in this way of any VueJs project.
You must need a server like domain.com like NodeJS.
If mac user, you can install laravel valet and copy dist files to the root of the folder.
If ubuntu user, you can create virtual host. ref: https://www.digitalocean.com/community/tutorials/how-to-set-up-apache-virtual-hosts-on-ubuntu-16-04
If you server is apache then you need to .htaccess files. Ref: https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations
There is no special configuration you need to access the build of VueJS.
We are using laravel Valet & virtual host to check the builds.
Let me know if you need any further assistance.
Regards, Mia
Hi! It seems that I can’t locate file upload components.
Hey,
Thanks for writing to us.
We don’t have file uploader component as part of Vuse yet.
We will be adding a few components in the next version.
Regards, Mia
oh i see..
Can you add some breadcrumbs?
Hey acevalentine,
Thanks for writing to us.
Can you please provide more details for your query?
We would be happy to assist you.
Regards,
Mia
please add breadcrumbs so that it will be easy to navigate..
like there is a bar above..
Dashboard > Projects > First Project
Please refer to this.. https://getbootstrap.com/docs/4.0/components/breadcrumb/Hey acevalentine,
Thanks for sharing details.
It’s already there.
http://preview-vuse2.hexesis.com/components/navigation/breadcrumbsLet me know if we misunderstood.
Regards,
Mia
oh yeah sorry.. thank you for guiding me.. 
Hey acevalentine,
No problem. We are always pleased to assist.
Thank you for choosing Vuse.
Regards,
Mia
Hello. This is a nice theme. However am having a challenge that profile page (pages/profile) freezes on both quickstarter app and the demo app. The page works on the live demo though. How can i fix it please. Thank you
Hey kabeerbauchingr,
Thanks for writing to us.
Could you please share us more details? We have just checked again, it’s working fine.
You could check it with chrome browser performance mornitor and share a screenshot to us.
It’s very hard to debug in your case.
Regards, Mia
Thanks for the response. Am new here. I could not find where to attach images for the screen details. The performance could not be recorded because the browser freeze completely. However, I managed to get the console output.
vuetify.js?dc48:23009 [Vuetify] ‘id’ is deprecated, use ‘value’ instead
found in
-> <VTabItem>
<VTabsItems>
<Profile> at src/views/Pages/Profile.vue
<VContent>
<VApp>
<App> at src/App.vue
<Root>
Hey kabeerbauchingr,
Make sense.
However this would be just a warning. This should not be reason to freeze the screen.
We are planning for a new release with vuetify 1.4.*.
But for now you can try with value instead of ID for VTabItem.
We have raised a ticket for the same, our team will review and get back to you in 2-3days.
Regards, Mia
OK thanks as I await your response.
Hey kabeerbauchingr,
Hope you’re doing well.
We have cross verify and try to regenerate the issue that you have reported. Unfortunately, we are not able to regenerate and not experiencing the issue.
We have tested with both Vuse versions (version1 and version2).
Here is the video that we would like to share with you.
https://www.dropbox.com/s/9g431sndjg65lx8/Vuse-Profile-req%23V2SR02CHRIS.mov?dl=0I would request to make sure the downloadable files and try to install it again.
We would happy to assist you.
Regards, Mia
Hello, when i scroll down a site and switch to another page it is still scrolled down. How can i fix this?
I want that every page is shown from the top.
Regards Marcel
Hey MarcelWeiler ,
Thanks for writing you us.
open the below file:
src/router/index.js
use this:
export default new Router({
routes,
mode: 'history',
scrollBehviour (to, from, savedPosition) {
return { x: 0, y: 0 }
}
})
For more reference, kindly refer this:
https://router.vuejs.org/guide/advanced/scroll-behavior.html
— Regards, Mia
Hello,
I can you use your theme for mobile app development? Does the theme support cordova plugins?
Hey, We haven’t tried to make Cordova plugins with Vuejs. But it’s possible. Please have a look below link. We are using this framework.
https://vuetifyjs.com/en/getting-started/quick-start#new-applicationsI am installing the QuickStart according to the instructions and get the following error on ‘npm run dev’:
These dependencies were not found:
- @/components/widgets/card/ProfileCard in ./node_modules/babel-loader/lib
./src/views/Dashboard/Dashboardv1.vue
- @/components/widgets/list/PlainTableOrder in ./node_modules/babel-loader/lib
./src/views/Dashboard/Dashboardv1.vue
- @/components/widgets/statistic/LinearStatistic in ./node_modules/babel-loader/lib
./src/views/Dashboard/Dashboardv1.vue
Hey Reachincorporated,
Thanks for purchasing our product.
In your Dashboardv1.vue, kindly replace ‘widgets’ with ‘Widgets’ for quick fix. @/components/Widgets/card/ProfileCard @/components/Widgets/list/PlainTableOrder @/components/Widgets/statistic/LinearStatistic
We really appreciate your inputs and will be happy to hear from you.
Regards,
Mia
The download I received mentions that it is supposed to have 2 examples. one for the demo site and another for the quickstart.
the contents of both directories are the demo site and I would like the quickstart version as well.
Thank you.
Hey,
Thanks for writing us.
The quickstart is cleaner version of demo which excludes:
- demo files and examples - clean routes - remove unnecessary components that we have used for demo but not required for the project.
There is nothing advance.
It’s up to the user what that they want to use for implementation like GraphQL, node, firebase, mongo, MySQL, php…
Let me know if you have any queries. We will be happy to assist you.
Regards, Mia
Hello Mia,
I appreciate that there is “nothing advanced” about the quick-start vs the demo app. But here’s the thing. I’ve never done business with your company before and I am currently forming my opinions on whether or not I want to do business again let alone suggest your product or give it a good rating.
The files I did receive for the demo are great and I’m working with them as we speak in order to get started. But removing “everything” is also taking up a lot of time, especially since I don’t know what I can remove or not without trying it and seeing what breaks and having to remove it from several locations as Vue files need to be included in directives not only the .vue files removed.
Bottom line, is that it is a smart move for your part to find the quick-start and include it in the zip file for all your future customers as well as sending a copy to me.
Thank you,
Hey Alan,
It’s really good to hear from you again.
We have already provided a get-started Zip file within the bundle.
I am surprised that you don’t have that copy.
Could you please your email address so we can sent you quickly?
We will definitely check the upload package for this.
Thank you for suggestion.
We really appreciate and love to hear from you again.
Regards,
Mia
Hey Alan,
I would also request to share the screenshot of your downloadable items. So we can check it as well. The reason of this, my other clients do have quick-start setup as you could see below comment from reachincorporated.
That zip is named as vuse-quickstart.zip.
See the screenshot of our quickstart, https://www.dropbox.com/s/24k6hsu6cqncvhj/Screenshot%202018-12-04%2008.09.13.png?dl=0But still If anything is wrong, we can rectify.
Please write us on hexesist@gmail.com
Awaiting to hear from you.
Regards,
Mia