Discussion on Gogo - Nextjs React Admin Dashboard (React 19)

Discussion on Gogo - Nextjs React Admin Dashboard (React 19)

Cart 2,059 sales
Recently Updated
Well Documented

ColoredStrategies supports this item

Supported

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

341 comments found.

Hi,

i already contacted you regarding the design files. We have purchased the theme now and I wonder how we can get the design files. Do you need any purchase ID or something else?

BG

Thorsten

Hi Thorsten,

Please use the purchased account and reach us via the contact form at right bottom of our profile page: https://themeforest.net/user/coloredstrategies

We will provide a link to download design files as an answer to purchased account email address.

Cheers.

Buenas tardes Tengo la versiòn 4 de VUE , pero cuando intento instalar la versiòn comprada .

Hi,

Unfortunately, we provide support only in English.

If you are having installing problems, please remove node_modules and package-lock.json file and try installing again.

Have a good one.

With a recent update – the modal-right no longer works. The modal should slide from the right, but instead it appears as a regular popup modal.

https://piaf-vue.coloredstrategies.com/app/ui/components/modal

I did some digging. This is an issue in the vue bootstrap rc version. From previous comments, it was stated “2.0.0-rc.15” works with modal-right vs the rc.28 included in the piaf download. I also tried the latest vue bootstrap v2.0.4 (oct 11,2019) and that works as well. To the author, please update to the official v2 release of vue bootstrap. Besides that – the theme is great. Thanks!

Hi,

We noticed the problem after we published the update and will fix it with the next one, sorry about it.

You may fix it by adding modal-class=”modal-right” instead of class=”modal-right” and changing below lines at “src/assets/css/sass/_piaf.style.scss”

.modal-right { padding-right: 0 !important; .modal-dialog { margin: 0 auto; margin-right: 0; margin-top: 0; margin-bottom: 0; height: 100%; max-width: 380px; } .modal-content { min-height: 100%; } .modal-header { height: $navbar-height; @include respond-below(xl) { height: $navbar-height-lg; } @include respond-below(lg) { height: $navbar-height-md; } @include respond-below(sm) { height: $navbar-height-xs; } } .modal-footer { justify-content: center; } &.modal.fade .modal-dialog { transform: translate(25%, 0) !important; } &.modal.show .modal-dialog { transform: translate(0, 0) !important; } } .modal-right.modal { padding-right: 0 !important; }



Here is the commit which fixes the problem in case you need it: https://i.ibb.co/QdDQJ0Z/modal-right-commit.jpg

Have a good one.

thanks!

Both included source templates fails to be loaded in Chrome with the following error: Uncaught (in promise) SyntaxError: Unexpected token e in JSON at position 1 at JSON.parse (<anonymous>) at eval (webpack-internal:///./src/store/modules/user.js:27) at Module../src/store/modules/user.js (index.js:8622) at webpack_require (index.js:770) at fn (index.js:130) at eval (webpack-internal:///./src/store/index.js:7) at Module../src/store/index.js (index.js:8562) at webpack_require (index.js:770) at fn (index.js:130) at eval (webpack-internal:///./src/main.js:6)

seems like there is a problem with the following line: currentUser: localStorage.getItem(‘user’) != null ? JSON.parse(localStorage.getItem(‘user’)) : null,

Hi,

If the error is related to user and not some installation or npm problem, it might be originated from another project of yours which set user localStorage variable earlier and also runs at localhost. You may make sure the error source is indeed localStorage by opening the app at another browser you don’t use frequently.

You may inspect and clear values at your localhost via dev tools. Here is a screenshot: https://i.ibb.co/Bs9rFrg/local-Storage-user.jpg

Let us know if this does not solve the problem.

Hi I notice that there is a bit of lag when you collapse the menus while on the main demo page. But if you go into an internal page with less data, the menus collapse without any lag. Is this an issue you are aware of? Or this is intended?

Also, when you select a subpage, would it be possible to close the sub navigation automatically and only display the main navigation?

Hi,

If you mean dashboard page by “main demo page”, I think it is related to charts on the page. Browser does not render size changes of canvas elements very fast. You may also check charts page for the same behaviour: https://piaf-vue.coloredstrategies.com/app/ui/components/charts

As for the hiding sub menu, you should locate “src/constants/config.js” and change “defaultMenuType” variable to “menu-sub-hidden”. You may see this behaviour in action at menu page here: https://piaf-vue.coloredstrategies.com/app/menu/types

All the best.

Hi Guys,

There is my purchase code: 32167409-48b9-4752-b67f-f4daa21e6ed2

Please send me your design files, Thanks!

Hi,

We can not see your email address unless you reach via the form at the profile page.

Hi there, can you supply design items? for Sketch or XD? Thanks!

Hi,

We have PSD files of some pages. If you reach us via contact form at our profile page we can provide them. https://themeforest.net/user/coloredstrategies

Cheers.

Hey! I’m entering into the php world now… Just don’t know how can I install this source folder. Could you give me a way?

Thanks in advance. Kindest regards, Lucas.

Just realised… I bought the script, not the htlm lol. Is there any possibility of changing it? I’m super newbie :/

Hi,

It looks like you have purchased Vuejs version and unfortunately mistaken purchases are not eligable for refund.

You may find refund policy here: https://themeforest.net/page/customer_refund_policy

If you consider purchasing jQuery/HTML version, you may find it here: https://themeforest.net/item/dore-jquery-bootstrap-4-admin-dashboard/22604108

All the best.

It seems that size=”lg” on b-form-radio tag and b-form-checkbox tag doesn’t work…

Hi,

You are right about them and sorry for it. We have overriden those since external form components like select, date picker etc have problems when used large.

We will work on them and include lg and sm classes for future releases.

Cheers.

Dear support teams,

I’m not sure that source code it all function. because I download it but not all exam as dashboard page, chat & Survey & Todo app. I not get it.

Thanks

Hi,

I checked it but not have, So I need all source code your demo site https://piaf-vue.coloredstrategies.com/app/dashboards/default. Please help me send it on email : punwiphat@gmail.com

Regards,

Hİ,

You may find default dashboard in your downloaded file at the location below.
Piaf-Vuejs-Admin-Dashboard-4.0.0\Source\Piaf-Vue\src\views\app\dashboards\Default.vue

As you know and name of the template suggests, it is a Vuejs project and if you need instructions how to run it, you may find it at our docs: https://piaf-vue-docs.coloredstrategies.com/docs/gettingstarted/development

All the best.

Thank you for your support

Hi, Im try config user login, user login and Sing out now work fine. But in user.js only have two actions, login and sing out, can please send me forgotpassword and register action code please!!

thanks a lot

Hi,

Sorry about the missing parts. We are currently working on them with some other improvements&additions and I think it should be ready at the end of the week. We may notify you when the update arrives.

All the best.

ok, and can help me with login user name in topnav.vue, only can see uid, but cant load email.

<template slot="button-content">
            {{ currentUser.uid }} 
            
             
            
         </template>

In “src/store/modules/user.js” signInWithEmailAndPassword function we only get uid but you may get other properties of the user like email or displayName.

You may find details of the user object here: https://firebase.google.com/docs/reference/js/firebase.User.html

Hey I buy this template few days ago and I want to use this with larave + Vue and create apis in laravel. Is your theme is supporting these functionalities combine ?

Hi,

Our template is a pure Vue application and unfortunately nobody in our team has any experience with Laravel to guide you for the integration.

Cheers.

Dear Team,

We have purchased yesterday your theme designs, but we need your support and guidance.

We have received JS Admin files only, but we need HTML files also. Kindly check and send me the final HTML Files.

We have expecting your kind support.

My Purchase code: 7c3235ff-59d6-4b9e-b5b4-f37062e35f01

Thanks & Regards, Thiyagarajan.T Email : thiyagarajan@angleritech.com

Hi,

Paif Vuejs template only contains Vuejs version. Html/jQuery version is sold separately and you may find it here: https://themeforest.net/item/dore-jquery-bootstrap-4-admin-dashboard/22604108

Regards.

I update (project based on 3.0.6 template) vue-bootstrap to 2.0.0-rc.28 because I have an issue on using $bvModal.show function. This issue is resolved but now the modal is shown at the center of screen and the background of window is full back instead of showing an out of focus window.

Hi,

Adding below lines at the end of “src/assets/css/sass/_piaf.style.scss” file should solve the issue. If not, please let us know.

.modal-dialog { box-shadow: initial !important; .modal-content { box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.1); } }

Hi,

do you also provide design templates (e.g. for sketch) when I purchase this theme?

BG

Thorsten Habig

Hi Thorsten,

Design files are not included in downloadable zip but we provide them upon request via email.

We have design files for more than 10 pages and not every page has its design file available. They are in psd format.

Cheers, Arthur.

I am making my own API for my web project, could you give me the code of the test API that you use to show the list of cakes, please

Hi,

It’s a .net core application and only serves a static mock data. If you think that will be useful for you please reach us from the contact form at our profile page. https://themeforest.net/user/coloredstrategies

Cheers.

Hello, where can I see all the icon codes available?

Hi! I purchased your beautiful piaf vue template some days ago. I first downloaded version 3.0.6 , run npm install and all was ok. Now I downloaded version 4.0.0 and npm install run with errors.

I have a log file about this: how can I send you a copy of it?

Best Regards Mauro Bettini DAISOFT

Hi,

Thank you for your kind words, I hope you enjoy new version as well.

As for your question, most of the installation errors are fixed with deleting package-lock.json and node_modules folder and installing again. Also please make sure your node version is 10.16.3 LTS and not current.

If these don’t solve the problem, you may use the comment section or use the contact form at the profile page to send the log file. https://themeforest.net/user/coloredstrategies

Cheers.

Can you build the same on Angular ?

Hi,

We are working on Angular version but I can not provide time of arrival.

.. :( not very promising too bad there is no Angular version TypeScript scales better ..

Hello,

It’s been a while but just wanted to let you know that Angular version of the template is finally available.
https://themeforest.net/item/vien-angular-admin-template/25817698

Cheers.
css error with new upgrade to 4.0 https://ibb.co/f95StGj

Hi,

Those are not css errors since new version also have some html and structural changes. You will also need to adapt those to your project to make them look right. You may check them at “src/views/app/pages/DataList.vue” file.

Here is the page working without a problem: https://piaf-vue.coloredstrategies.com/app/pages/product/thumb-list

And I suppose you have solved earlier problem about installation.

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