Hi,

Please refer to this link https://iron-network.gitbook.io/vuely/vuely-laravel to getting started with Vuely-laravel version.

Let us know if you need anything else.

Thanks!

Hi,

To change the location website title and icon you can change it on the index.html file. This file is located under the vuely -> public directory.

Thanks! Let us know if you need anything else.

Hi,

Vuely template is build with Vuejs, there is only one place where we have used jquery. Jquery is use in the template to build the jVector maps. If you don’t need these vector map, you can simply remove the jquery from the project dependencies.

Thanks!

Hi,

Here are the step by step instructions to set horizontal layout as a default: Go to the src->router->default.js file and import horizontal layout as shown in screenshot: https://tinyurl.com/yb2v8pdy In same file, change component name as mentioned in screenshot: https://tinyurl.com/y88e4x4l After doing this, you will get horizontal layout as a default on the app. Let us know if it works for you.

Thanks!

That works! Thank you indeed!

Hi,

Here are the following instructions to load an emails rest response to the inbox component.

- Go to the src -> store -> modules -> mail directory and open index.js file.

1. import axios at the top of the file.

2. Update the getEmails action with the axios get method as given in the screenshot.

3. You can also add the interval to check the new emails api response.

4. Update the getEmails mutation as given in the screenshot

That’s It that you need to do. These above steps will loads the emails from the rest response to the inbox component.

Thanks! Let us know if it works for you.

I’m sorry, can you help me with this issue?

Hi,

Please refer to the documentation to change the loading indicator.

Thanks!

Hi,

Yes you need to install a fresh laravel before. Follow the getting started menu as given in the documentation.

Thanks!

Hi,

To resolve this issue you just need to add this route at the bottom of your routes/web.php file. Go to the vuely-laravel -> routes directory and open web.php file.

Route::get(‘{any}’, function () { return view(‘welcome’); })->where(‘any’,’.*’);

Thanks! Let us know if it works or not.

Works perfectly thanks

Hi,

We have used VueJs 2.5.17 and Vuetify 1.2.5 versions in the template.

Thanks!

Not at the moment.

Jesus guys… Now i installed the full version and tried to follow your guide in removing firebase… That didn’t work. I searched this forum and found a post 3 month old with the same problem… The solution from back then, did indeed fix the logout function, but now the app doesn’t need login… Could you guys plz stop developing the app and write you documentation??? Could you please provide me with a step by step guide to remove firebase and only use Auth0 ( or just update your documentation ) or even better, include the 3-4 files that need changes, with the changes already made…

Hi,

We have updated the documentation for you. Check the link to completely remove firebase from the app. https://iron-network.gitbook.io/vuely/faqs-frequently-asked-questions#how-i-can-disable-the-firebase

Let us know if you need anything else. Have a lovely day ahead.

Beautiful It works perfectly… Thanks, you are the best

Hi,

It seems hidden files are missing such as .babelrc. So please make sure you have copied all the project files including the hidden files too.

Let us know if it works for you.

Thanks !

Yes, that was it thanks, it’s all working now. I have a final question: Why do you have so many .js files [0.js, 1.js, 2.js, 3.js, ..., 70.js]?? Can I remove these?

Hi,

These are the chunks files of the template, you can not remove these files. We have integrated dynamic import and lazy loading in the template which creates the chunks for each file which is used dynamic import statements. Chunks are more useful in the app to boost up your template loading speed. To get more information about the chunks you can check this link https://router.vuejs.org/guide/advanced/lazy-loading.html.

Thanks! Let us know if you need anything else.

Hi,

It seems like the issue is in the app.js or App.vue file in the resource -> js directory. To resolve this issue go to the vuely-laravel -> resources -> js directory and open app.js file. And update the code that is given in the screenshot.

Thanks! Let us know if it work or not.

Thanks, that is working now! All the best I love your theme….

Next big step for me is to understand how Laravel integrates and learn it Any online tutoriel you can suggest?

Here you go

Thanks! Let us know if you need anything else.

Hi,

We have updated the documentation for you

Feel free to send us an email at support@theironnetwork.org if you need any help to setup template or have any query.

Thanks!

Hi,

Thanks.

Hi,

Here is your questions answers along with their definitions and examples:-

a) We added the path resolve definition in the vue.config.js file which tells to the webpack to resolve components, views, helpers etc paths. You can find those definitions in the vue.config.js file under the project directory.

b, c). LineChartShadow defined with the PascalCase, when defining a component with PascalCase, you can use either case when referencing its custom element. That means both <line-chart-shadow> and <LineChartShadow> are acceptable. Note, however, that only kebab-case names are valid directly in the DOM (i.e. non-string templates).

To get more information about how component is registered you can refer to the documentation https://vuejs.org/v2/guide/components-registration.html.

Thanks! Let us know if you need anything else.

Hi,

Sounds great that you are liking the updates, Feel free to suggest what more you would like to see in Vuely. Yes you can very well see what has been updated, we maintain everything over a git repository, you can send us an email with you purchase code and git user name on support@theironnetwork.org and we will add you. Let us know if you need anything else . Thanks!

I’ve split out the multi-part reply to be clear.

1. “Feel free to suggest what more you would like to see in Vuely.” (a) I think Vuely has some really good UX components. Feature wise, I’ll take more time to think of what else would enrichen it. One thing to consider is whether jQuery is really needed or whether it can be replaced by lighter-weight polyfill to reduce the JS manifest size. (b) From a changelog perspective, I think it would be helpful to highlight added, removed and changed features separately from technical details about what has changed underneath from a component or dependency perspective. Sometimes it’s obvious but often times it’s not for users that may be using just a subset of the themes.

2. “you can send us an email with you purchase code and git user name” (a) I purchase both Vuely and Adminify with extended support to leverage and extend UX features from both themes. Here’s my receipt with purchase codes.

Adminify – VueJS Bootstrap 4 Admin Template Regular License 12 months support (expires on 28 Aug 2019) Purchase code: 34b98fb2-bd5e-4147-9a02-696fbe44feda

Vuely : Vuejs 2 Material Design Admin Template Regular License 12 months support (expires on 28 Aug 2019) Purchase code: 68f91b13-3abf-41c5-ac19-71241b3d052e

(b) If by Git username, you mean my GitHub handle, then it’s `calirails` @ https://github.com/calirails

We have added you to the git repository, Thanks for feedback

Hi,

Here are the step by step instructions to change the sidebar icons:

1.To use different material icon in sidebar:

- Go to data.js file under src/store/modules/sidebar directory.
- Open data.js file and replace the action value e.g. "zmdi-view-dashboard" with your desire material icon class name e.g. "zmdi-collection-video" as it given in the screenshot https://tinyurl.com/y8h8awu2
- You will get output like this https://tinyurl.com/ycodbrlv

2.To use themify icon in sidebar:

- Go to Sidebar.vue file under src/components/Sidebar directory.
- Open Sidebar.vue file and remove "zmdi" class as it given in the screenshot https://tinyurl.com/yb54sf57
- Go to data.js file under src/store/modules/sidebar directory.
- Open the data.js file and replace the action value e.g. "zmdi-view-dashboard" width your desire themify icon class name e.g. "ti-dashboard" as it given in the screenshot https://tinyurl.com/y8557xhy
 – You will get output like this https://tinyurl.com/y7y7g7pc

Let us know if you need anything else.

Thanks!

Thank you so much for the prompt reply

Let us know if you need anything else. You can reach us directly at support@theironnetwork.org . Thanks!