341 comments found.
I have problem with the breadcrumb, it doesn’t update if i switch between pages, what can possibly cause this?
update, it doesn’t change between sub-pages
oof, never mind, i fixed it :)) we must have a index.vue just for the <router-view>, i missed that and used index.vue as a listing page :v
is it possible to get a nuxt.config.js file included in the builds?
Hi,
We are not very experienced with Nuxt but as far as I know, VueCLI and Nuxt are alternatives to each other and not sure if one can be implemented over another.
Hi ColoredStrategies I’m purchase you admin template and I have been added new routes to the template but when I try to path to a folder, I have receive that the module was not found in router.js. I’m doing same that your samples but I can’t to work.
The message error in console is
This relative module was not found:- ./views/app/admin/ in ./src/router.js
Please tell me what I’m doing wrong.
this is my code in router.js
{
path: "app/admin",
component: () =>
import(/* webpackChunkName: "admin" / "./views/app/admin"),
redirect: "/app/admin/users",
children:[
{
path:"users",
component: () =>
import(/ webpackChunkName: "admin" / "./views/app/admin/users/usersList")
},
{
path:"/app/admin/binnacle/list",
component: () =>
import(/ webpackChunkName: "admin" */ "./views/app/admin/binnacle/binnacleList")
}
]
}Thanks in advance
Hi,
The code looks alright except the ”/app/admin/binnacle/list” part. It is already in “app/admin” path so you don’t need to add the top two routes.
Unfortunately, the error you got is not something that we are not familiar with. Searching for it revealed that there is a thread about it that goes back to 3 years. https://github.com/vuejs/vue-cli/issues/439
Main suggestions are deleting node_modules and package-lock and reinstalling everyting as well as checking for uppercase lowercase letters of the file names&paths if you are on a linux based system.
I can also suggest you to work on Piaf-Vue-Start project and try out your routes. It is quite a small project and might be useful as a sandbox.
All the best.
Hello there,
We want to be able to change the theme color during displaying some of the pages. How can we achieve this?
Thanks in advance…
Hi,
Only a single theme file is loaded at the start of the application(in src/index.js) to keep the first load size smaller so there is not a good and out of the box solution to provide different themes for individual pages.
All the best.
The piaf vue start template does not work for internet explorer 11
Hi,
The template does not support IE as it is stated at “Compatible Browsers” on the detail page.
Hi, I have the v 3.0.6 and try to update the bootstrap-vue, but the modal-right not working. The modal is now default, in the center. What I have to do for get back working ?
I have try to copie the css from the v4.0.3 and it’s not working.
Thanks
The tooltip show and instantly disappears too…
Hi,
There might be some small changes with component usage but before that, make sure you have updated following.
- src/assets/css/vendor/bootstrap.min.css
- src/assets/css/sass/_piaf.style.scss
- package.json (“bootstrap-vue”: “^2.0.4”)
There are quite a few versions between two but updating these three should fix the issue. If you still have problems, consider checking component usage in the current version. It is possible that there might be small differences.
Cheers.
I have try these 3 update and it’s not working. The component usage look like same, a modal-right class
Hi,
If you have done the above updates, I think it will work by changing modal call a bit and adding a small css line for tooltip.
Modal
<b-modal class="modal-right" /> // not this
<b-modal modal-class="modal-right" /> // but not this
Tooltip (Need to be added to src/assets/css/sass/_piaf.style.scss)
.tooltip {
opacity: 1;
}
Let us know if this does not solve the issues.
All the best.
Hello I wondering about how i can use this temple with laravel Or installed in laravel
Hi,
Unfortunately nobody in our theme has any experince with Laravel. We can not provide any guidence for that.
Hello, first of all thanks for this great template. We are looking for a way to make the whole icon-card component clickable. Is this possible? If yes please let us know. Thank you.
Hi,
It’s nice to hear that you like the template, we really appreciate it.
As for your question, adding a router link with an a tag should do. Here is the template:
<template>
<router-link tag="a" :to="'/app/dashboards/analytics'" class="icon-row-item">
<b-card class="mb-4 text-center">
<i :class="icon" />
<p class="card-text font-weight-semibold mb-0">{{ title }}</p>
<p class="lead text-center">{{ value }}</p>
-card>
</router-link>
</template>
</b-card>
Note: Comment area breaks the tags like “-card>”. Using the code block in the email notification(if you get) should be better.
Hi, I’ve purchased your theme and had a question about authentication. I’ve altered the Firebase credentials to use my project. I’ve also created my own API using .NET for the backend data etc. However, when calling the API using your example functions for the datalist, it doesn’t pass the Firebase Token in the request. Do you have any examples of how you can pass that token through on the API calls using axios?
Hi,
We have used Firebase only for the auth part of the template but our data api is a custom one and does not require auth. It’s just for the demo purpose.
You may find a good answer for the question here: https://stackoverflow.com/a/43052288
All the best.
Did anyone get this template to run on IE11? I’m having a really hard time to get it to work
Hi,
Unfortunately the template does not support IE as it is mentioned in the template details under Compatible Browsers and we don’t provide any support regarding this issue.
All the best.
Hi,
In “b-input-group” invalid-feedback is not showing when the form is invalid, but in “b-form-input” it is enjoying normally.
What can it be?
Hi,
It would be helpful if you share the code block so we may look into it.
sorry,
my code:
[HTML]
<b-form-group :label="$t('user.photo')">
<b-input-group :prepend="$t('user.upload')">
<b-form-file :state="!$v.photo.$error" v-model="photo" :placeholder="$t('user.choose-photo')">-form-file>
<b-form-invalid-feedback v-if="!$v.photo.file_size_validation">{{$t('user.form.photo_size')}}-form-invalid-feedback>
-input-group>
-form-group>
</b-form-invalid-feedback></b-form-file></b-input-group></b-form-group>
[VUE]
validations:{
photo: {
file_size_validation
},
}
Hi,
Adding below lines to “src/assets/css/sass/_piaf.style.scss” file should solve the issue.
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: $separator-color !important;
background: initial;
}
.input-group .custom-file.is-invalid ~ .invalid-feedback {
display: block;
top: -10px;
}
It worked!
Thank you!!
Hi, ColoredStrategies! Can we get last PSD version of PIAF? We paid for template, but PSD version doesn’t include actual PSD variation. Regards.
Hi, ColoredStrategies! Can we get last PSD version of PIAF? We paid for template, but PSD version doesn’t include actual PSD variation. Regards.
Hi,
I am not sure what do you mean by actual PSD variation but we have included all the design files we have in the design folder of the downloaded zip file. We have also included list of these files in our details page to prevent any confusions. You may find the list below.
All the best.
INCLUDED PSD FILES
01-Dashboard.psd
02-Chat.psd
03-Details.psd
04-Library.psd
05-ListImage.psd
06-ListThumbs.psd
07-Login.psd
08-Mailing.psd
09-Survey.psd
10-RightModal.psd
11-Profile-Social.psd
12-Profile-Portfolio.psd
13-Profile-Portfolio-Detail.psd
14-Details.psd
15-Coming.Soon.psd
16-Knowledge.Base.psdHi,
I tried my best to import the Vue.js template into my Laravel project. But it is failing somewhere or the other. Could you please provide me the HTML version of the template please.
Please revoke my access to the Vue.js template and provide the HTML version.
Hi,
Sorry to hear that you have problems with integration. We would happily provide any help we could but we have no experience with Laravel.
As an author, unfortunately we don’t have any authority for processes like revoking or swaping licenses.
As a side note, this does not look like an eligable reason for refund which you may check here: https://themeforest.net/page/customer_refund_policy
All the best.
Hello, I bought your Piaf template and its awesome. Hey, I am looking for an HTML version as well so can you sell me the Html version of this Piaf. please let me know
Hi,
It’s nice to hear you like the template.
You may find HTML/jQuery version here: https://themeforest.net/item/dore-jquery-bootstrap-4-admin-dashboard/22604108
All the best.
Hello,
The context menu on Data, Thumb and Image Lists components are opening far away from the click axis. If you have an email contact I can send you a print screen. I would like know can I solve this problem? I have noticed that your website shows the same problem.
Hi,
We have skipped checking context menu after implementing the footer. Sorry for the issue.
Adding below lines to “src/assets/css/sass/_piaf.style.scss” should solve the problem.
body:not(.no-footer) .v-contextmenu {
transform: translateY(-150px);
@include respond-below(xl) {
transform: translateY(-130px);
}
@include respond-below(lg) {
transform: translateY(-110px);
}
@include respond-below(sm) {
transform: translateY(-85px);
}
}
Hi
Good morning!
I put the code in the specified file, but it doesn’t work. Do you have any other solution for this problem? Thanks!
I am not sure what went wrong. You may see here the above solution working: https://old-piaf-vue.coloredstrategies.com/app/pages/product/data-list
Here is the code pasted in the file. https://ibb.co/0mPXwq0
Hello there,
In the sidebar menu, the second menu collapses after clicking some of the menu links. We want all links not to trigger the collapse menu function. How can we achieve this? We could not find the relative code line.
Hi,
You may set “defaultMenuType” to “menu-default” to make your project work like the preview in “src/constants/config.js”
“menu-default” keeps sub menu open for large resolutions and switches to “menu-sub-hidden” at “subHiddenBreakpoint” which is set to 1440px. You may set a smaller number for this to keep sub menu open for certain extend but I don’t recommend using a value which is too small.
All the best.
Dear author, I am using Piaf with licence: 85af3018-28dd-47af-816d-df53b1803cdb – 7 Jan 2020.
I wish to avoid firebase at all and using authentication with jwt. Is an alternative Version available? Or some hints for implementation.
Best regards, Michael
Hi Micheal,
Unfortunately there is not any alternatives currently but it’s on top of our todo list and will be implemented for future updates.
We have a small guide about this issue and I think it might be helpful. If you have not checked you may find it here: https://piaf-vue-docs.coloredstrategies.com/docs/guides/changing-auth-api
Let us know if you have further questions.
All the best, Arthur.
Hello ColoredStrategies,
I am trying to find out how to register index.vue which consists of top nav and navbar components inside to all other views.
In other words, how do you display topnav and navbar in all pages? How is the registration?
Thank you
Hi,
Below is a quote from docs and I think it explains what you asked. If not, please let us know.
“There are two different main layouts for src/views/app and src/views/user directories and these are located at src/views/app/index.js and src/views/user/index.js file. You may create your own routes if you need a different layout by following this routine. These layouts encapsulates all the pages under their route.”
https://piaf-vue-docs.coloredstrategies.com/docs/codebase/layouthi. I have a question. do you have any plan for release other page such as form wizard.
Hi,
Form wizard and vuetable improvements are on the top of our update list but I can’t provide a certain timeline for it. Unfortunately it will take some time.
All the best.
