Discussion on Vuse: VueJs CLI Material Admin

Discussion on Vuse: VueJs CLI Material Admin

By
Cart 326 sales
Well Documented

hexesis supports this item

Supported

This author's response time can be up to 5 business days.

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/internationalization

We 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-admin

However 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,

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 page
and 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 sharing details.

It’s already there.

http://preview-vuse2.hexesis.com/components/navigation/breadcrumbs

Let 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,

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=0

I 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-applications

I 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.

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=0

But still If anything is wrong, we can rectify.

Please write us on hexesist@gmail.com

Awaiting to hear from you.

Regards,

Mia

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