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

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

Cart 3,527 sales
Recently Updated
Well Documented

ColoredStrategies supports this item

Supported

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

684 comments found.

Hi, Thanks for your theme. Could you please send me the landing page ? Question: I am working with the charts, specially the barChart and I would like to change the tooltips that comes automatically. Is there an easy way to do this? I would expect replace tooltips: chartToolTip with something else but I cannot make it work, could you please advice which is the easiest way? Basically I would like to add a few more lines on the tooltips.

Thanks

Hi,

Thank you for the purchase, we hope that you enjoy working with the theme.

As for the landing pages, please reach us from the contact form at our profile page.

For custom tooltip, following example would be a good starting point .

- A new variable needs to be defined at src/components/Charts.js file. Which expands regular chart tooltip definition and adds functionalty to modify tooltip texts. export const chartTooltipModified = { ...chartTooltip, callbacks: { label: function (tooltipItem, data) { var label = data.datasets[tooltipItem.datasetIndex].label || ''; if (label) { label += ': '; } label += Math.round(tooltipItem.yLabel * 100) / 100; return label + " Test"; }, title: function (tooltipItem, data) { return tooltipItem[0].xLabel + " Test"; } } }; - To use this, it needs to be added a chart config at src/constants/chartConfig.js file. I have added this to lineChartConfig so the first chart on default dashboard will be affected. This is the part which should change from chartTooltip to chartTooltipModified tooltips: chartTooltipModified, Of course it needs to be imported import { chartTooltip, centerTextPlugin, chartTooltipModified } from "Components/Charts";

The result is this: https://i.ibb.co/qDV7MyS/chart-tooltip.jpg

You may also check the docs here: https://www.chartjs.org/docs/latest/configuration/tooltip.html

Cheers.

I am using your theme with only parent level menus. I have used the comments herein to make sure the default menu is menu-sub-hidden, and it works well.

But when people click the menu icon, it still toggles through all 3 types of menu (so one of the clicks does nothing).

Is there a way to fix this so one click hides the menu, one click brings it back? And that is all. Thanks.

Hi,

We have fixed the problem. Would you please reach us from the contact form at our profile page so we can provide step by step guidence and send an example project if you need. https://themeforest.net/user/coloredstrategies

Cheers.

I messaged you through the contact form as requested, thanks.

Hi,

I am currently working on a merge guide for the problem and will message back very soon.

Cheers.

awesome template! I am also interested on a template for a landing page like yours (that presents the template features) is its available?

Hi,

We provide landing pages via email. If you decide to buy, plase reach us from the contact form at our profile page after purchase. https://themeforest.net/user/coloredstrategies

Cheers.

Dear Gogo Author,

I need PSD files for the Gogo React template. Could you please provide us the PSD files?

Hi,

We are trying to understrand the need for the design files. Creating wireframes for customized pages? Color experimenting? It would really help us out if you could provide your case.

We used to only had the design files as concept but now some of them are ready to be shipped. If you may reach us from the contact form from our profile page, we will provide the files. https://themeforest.net/user/coloredstrategies

Cheers.

How can I add a background color to menu and sub-menu (If possible)

Hi,

They are not getting their background color values from separeted variables but from ”$foreground-color” which controls all the foreground element background colors.

You may need to locate ”.main-menu” and “-sub-menu” class definations at “src/assets/css/sass/_gogo.style.scss” file and change background-color properties with your preference.

Cheers.

Hello I am using the gogo react admin template – have an issue with the public folder being accessible - PUBLIC_URL and process.env.PUBLIC_URL are not working out of the box like my other react apps. I cant access any images or files in the public folder – they show a GET error - I am using firebase messaging and have to place the firebase service worker script in the public folder. – any help would be appreciated

One more thing, this solution will work only if you have Gogo version>2.0.4. If not, same approach will work but the file you must edit would be “webpack.config.js” instead of “webpack/base.js”.

The download reads gogo version 3.0.1?

Above solution will work with 3.0.1.

Cheers.

Hello! Have a react question, how can I achieve to have only one click in the sidebar and redirect to a specific page. That is, no sub-pages, only one left menu with no second menu?

Hi,

Have you checked Gogo-React-Start project, it has main menu items without submenus.

Cheers.

Can you suggest the simplest way to add a loading spinner as an overlay to the entire page (something like the fullscreen modal). I already have the “loading” flag true/false configured via Saga, I want to show the spinner overlaid across the entire page while loading = true. Thanks.

You’re welcome and glad that you are happy with the theme. Hope you may consider giving a review.

Cheers.

Dear very nice work i need this for my software licensing online activation of vb.net software will you accept custume job?

Hi,

Thank you for your kind words about the template.

As for the question, we currently do not accept any custom jobs.

Cheers.

Hi. Thanx for a nice product. Two questions. 1. The login is not working if I remove the hard coded name & pass (With my own Firebase), but as soon as I hard code it back; it’s working. What have I missed? 2. I really cant figure out how to get the userID all the way down to i.e. the Dashboard. Other props are working, but the uid is not my friend right now… I’m more of a PHP guy. ;-)

Hi,

Thank you for your interest and kind words for the template, we really appreciate it.

As for the questions, I think it would be better to get some tutorials about react if you have not yet. React and Redux have their own way of doing certain kind of things and it might look complicated at first.

1- You need to get actual values from inputs via onChange event and update the value at the state. Here you may find an example for it: https://reactjs.org/docs/forms.html

2- Redux part is a little bit more complicated. You should look into the file src>redux>auth>saga.js specifically loginWithEmailPassword function. You may see the value of the userid is written to localstorage and that value is reachable throughout the project by Redux. You may set different values here and reach them from other files easily. You may see an example of this usage at the very end of src>containers>App.js file where Redux and the component get “connectted”.

Cheers.

Hi does it support RTL ?

Hi,

It does not support RTL currently.

Cheers.

Hi, I have gone through the demo and it looks impressive and i am thinking to buy it. I have couple of question at the initial level.

1. can i easily change the font for entire theme easily? 2. can i change the top toolbar height some what low easily?

Hi,

Thank you for your kind words. I hope that the theme helps your learning curve and serves you well for your work.

Let us know if you need any assistance.

Cheers.

Ps: It would be really nice for us if you consider giving a rating to the template. https://themeforest.net/downloads

Hi,

This theme is not working on IE 11 :(

I know you already mentioned on portal that its not supporting IE11.

I hate IE browser but organisations are still using it. no option to by-pass it.

I have gone through some research and found below link,

https://www.mycodesmells.com/post/add-ie11-support-to-your-react-apps

I followed the instruction on the ‘startup” theme and its started working on IE 11 with very minor issue at CSS. i can navigate through each sidebar menu item and route the components as well i can use the tool bar functions properly.

With above configuration, CSS issue comes only with the login page style and hyperlink on the each menu items in to the IE. Can you please suggested / give some CSS to make it work on IE same as other browser? (If its not covered in the support then no prob, i can try it myself).

Could you please go thought the above URL and suggest how much it is feasible for further functionality of the theme like “Survey” and “Image Grid” application in the theme.

I am asking the question, because if its not feasible then i need to wait for the Angular version to get release.

Hi,

You are right about IE, we have excluded it at the cost of sales and quite happy with our decision. Me and my colleague are working as developers since IE6 days and well we certainly have our share of troubles caused by it. Finally decision to support it is ours to make so we happily choose to not support.

We try our best to provide support for out of scope problems like server configuration, design problems, os differences and so on but never for IE. Please try to see this with our point of view.

And for Angular version, it will also not support IE.

Cheers.

Hey, is it possible for me to get a link to 2.0.3 of the item ?

Hi,

Of course, please reach us from the contact form at our profile page. https://themeforest.net/user/coloredstrategies

We would like to know the reason if you like to share though :)

Cheers.

Hello,

I am facing 2 issues with setting up the theme.

1) CSS Loading issue while using webpack. We need a dynamic import CSS. Reference screenshot. https://prnt.sc/mtvkyq

2) Validation error. The provided validation package applied with select tag, the theme is not looking good. I tried to use another package from the market. But it shows this error message. – https://prnt.sc/mtvl3j

Can you suggest any other package or help me solve the issue in gogo theme itself?

Sincerely, Suhail

Hello,

Thanks for your updates. This will help us to resolve couple of issues.

Awaiting for the select2 advance validation. Currently, we are using simple alert box which is very annoying for our customers.

Sincerely, Suhail

Hi,

Thank you for your patience.

We are currently working on an advanced validation system to provide an alternative for Availity. We are using Formik with Yup and I think when it is done it will make every component validatable but currently it is going really slow. By the nature of Formik we are creating custom components even for default radio buttons, selects, checkboxes etc. We will then continue with external components.

If you require a tempopary solution, I may suggest the approach below. It will result a very similar look with current validation. Here is the screenshot: https://ibb.co/XtxTT27

It is basically adding the validation error manually by checking value from state. It is not optimal or a nice solution but it should look better than alert.

Cheers.



Sass Part .react-select.is-invalid .react-select__control { border-color: #dc3545 !important; }


React Part import React, { Component, Fragment } from "react"; import { injectIntl } from 'react-intl'; import { Colxx } from "Components/CustomBootstrap"; import { Row, Card, CardBody, CardTitle, Label, Button, } from "reactstrap"; import Select from "react-select"; import CustomSelectInput from "Components/CustomSelectInput"; import { AvForm, AvGroup, AvInput, AvFeedback } from "availity-reactstrap-validation"; class SelectManualValidation extends Component { constructor(props) { super(props); this.handleSelect = this.handleSelect.bind(this); this.handleSubmit = this.handleSubmit.bind(this); this.state = { selectedOption: "", formTouched: false }; } handleSelect = selectedOption => { //Setting the value to be able to check it at render this.setState({ selectedOption }); }; handleSubmit(event, errors, values) { if (errors.length == 0 && this.state.selectedOption != "") { //No validation error, form can be submitted. console.log("Submit"); } //Setting this to hide invalid error at initialization this.setState({ formTouched: true }); } render() { return ( <Fragment> <Row> <Colxx xxs="12"> <Card> <CardBody> <CardTitle> Form with Select </CardTitle> <AvForm className="av-tooltip" onSubmit={this.handleSubmit}> <AvGroup> <Label className="av-label" for="avexampleName"> Name </Label> <AvInput className="form-control" name="name" required /> <AvFeedback> Please enter your name! </AvFeedback> </AvGroup> <AvGroup> <Label className="av-label" for="avexampleName"> Select </Label> <Select components={{ Input: CustomSelectInput }} className={"react-select" + ((this.state.selectedOption == "" && this.state.formTouched) && " is-invalid") /* Adding invalid class to change border color */} classNamePrefix="react-select" name="form-field-name" value={this.state.selectedOption} onChange={this.handleSelect} options={[ { label: "Chocolate", value: "chocolate", key: 0 }, { label: "Vanilla", value: "vanilla", key: 1 }, { label: "Strawberry", value: "strawberry", key: 2 }]} placeholder="" /> {/* Adding the tooltip if value is not set and form is touched */} {(this.state.selectedOption == "" && this.state.formTouched) && <div classname="invalid-feedback d-block">Please select something!</div>} </AvGroup> <Button color="primary">Submit</Button> </AvForm> </CardBody> </Card> </Colxx> </Row> </Fragment> ); } } export default injectIntl(SelectManualValidation)

Hi,

We have completed the update which covers validation of custom components like React Select. You may check it here: https://gogo-react.coloredstrategies.com/app/ui/form-validations

Cheers.

Hi,

I am looking to create an open source web app to distribute on github for free. Am I able to use this template under the Regular License for my use case?

Thanks

Hi,

Thank you for your interest in our template.

As for the question, even extended licesen does not grant the right to distribute any template from Theme Forest.

As far as I know, you will need an open source license like MIT or Apache 2.0 for your project.

Cheers.

Hi, I noticed that other buyers are also interested in sketch files. Please update the details page and let us know how to get those. Thank you.

Hi,

You are right, some users have asked for them and we are working on them to provide at least basic files. Details page is ready and please reach us from the contact form to receive it.(Psd file)

I am trying to understand why the need for the design files occur though. Creating wireframes for customized pages? Color experimenting? It would really help me out if you could reply.

Cheers.

Hi there -

Thanks for a nice theme, we are using this for our webapp that we’re hoping to launch soon.

I’m looking for the landing page html and assets though. Do these ship with the theme download?

Hi,

Thanks for your nice comments, we really appreciate it.

Would you please reach us from the contact form at our profile page? https://themeforest.net/user/coloredstrategies

Cheers.

Hi Do you have plans to support PWA and especially service-workers?I really like your design but unfortunately its not so easy to implement a service-workers like it would be if the project would be build on create-react-app. Thanks for the nice work! Luca

Hi Luca,

First of all thank you for your nice comments, we really appreciate it.

As for the question, we wanted to start with something basic and develop the template with buyer requests. We have not included create-react-app at the first place since it is one more thing to learn for novice React developers. And i guess you are right about that it is being hard to include service-workers with current structure.

Recently, some buyers like yourself have requested advanced concepts like offline first, ssr and so on. We have decided to include them and will start working on them after completing our current plan which is creating an Angular version. I can not provide a certain timeline but we will include them eventually.

Sorry not to be able to provide help about this, at least in the short run.

Cheers.

Hey, Hi Do you have offer Custom theme Service?

Hi,

Sorry we don’t provide customization service.

Cheers

Sorry, I mean Can i hire you to create a whole new theme for us like a private theme because we love your work and its very professional.

Thank you for your kind words and the offer.

But again, I have to say no since we are working on Angularjs version and can not accept any freelance work.

Hello, Facing the same issue as “glenp01”. The sub-menu is not closing in. I’ve tried the same fix but no luck. This is working fine in starter project but not in the main project.

Hi,

I checked it and it was 5 months ago and we have published lots of updates since. If you could download the latest version you may see if the problem is fixed.

Also, to get support please write from a user which purchased the item.

Cheers.

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