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,
You are totally right about this and we will provide a fix as soon as we can. It could take couple of days but we will ping you when it is available.
Cheers.
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
Hi,
If I understand your requirement correctly you feel the need to add an asset to public folder so your dev and prod builds may work correctly from a single location.
If this is the case then i may suggest a better approach since public folder is just a template folder and not a good place for an important asset.
Lets assume you have added your files to “src/assets/firebase” directory. This folder will be omitted on your production build and will not be copied to dist folder but it is quite easy to copy them with CopyWebpackPlugin. You will need to modify “webpack/base.js” file where asset copying happens to get a copy your firebase folder on production. Please locate the following block and add the third item to the array as shown below.
new CopyWebpackPlugin([
{ from: 'src/assets/img', to: 'assets/img' },
{ from: 'src/assets/fonts', to: 'assets/fonts' },
{ from: 'src/assets/firebase', to: 'assets/firebase' }
]),
Let us know if this does not solve the problem.
Cheers.
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.
Hi,
If you are able to add or remove the loader for your needs, i may suggest a below approach.
Sass Part: This is for the overlaying and disabling page content. You may add this to _gogo.style.scss.
.loading-overlay {
z-index: 1050;
position: fixed;
left: 0;
right: 0;
top:0;
bottom:0;
width:100%;
height: 100%;
}
React Part: You may add following divs to anywhere to any render method. If you are able to access your loading flag at “src/routes/index.js” level then you may add this here once and show it on every page. Also creating a small component with the divs would be nice.
{
loading &&
<div classname="loading-overlay">
<div classname="loading" />
</div>
}
Let us know if this meets your requirements.
Cheers.
Great thank you for the prompt reply. The theme is excellent.
You’re welcome and glad that you are happy with the theme. Hope you may consider giving a review.
Cheers.
Done!
Thank you 
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 interest for our template and your kind words.
As for your questions, I tried to explain them as clear as I can. The template uses Sass and values like size and spaces defined as variables. I think you may tweak around easily.
1- I don’t remember why we have not created a variable for font-family but searching and replacing for “font-family: “Nunito”, sans-serif;” will change the font except usages like monospace. There are 6 lines.
2- Most of the static values for heights and margins are stored as variables. Navbar height has 4 variables for different responsive breakpoints. Related things like sidebar height calculated by this variables. You may see this variables in action when you resize browser window.
$navbar-height: 120px;
$navbar-height-lg: 90px;
$navbar-height-md: 80px;
$navbar-height-xs: 70px;
Cheers.
Thank you for quick response. I think your answer and suggestion will help me to make changes as per my requirement.
Hi, I have downloaded the theme and gone through to verify it on my local machine.
On my machine, Demo theme is working great same as the online demo showcase.
However the startup application theme have issue with the sidebar navigation. Toggle button on the toolbar is not giving proper response on the sidebar navigation and main content section. may be you can check once at your side to see the issue.
This is not on the priority for me at the moment, i just thought to explain, so it can be cover in the next update. Also, if you have quick workaround then its great, otherwise i will wait for update as its not urgent for me.
Hi,
Thank you for letting us know, I just checked it and there is an error with an item without submenu items. We will work on that.
However other than this problem, menu function looks normal. I have felt the need to explain this since you may have expected same behaviour with main project. They have some difference since Gogo-Start project uses sub-hidden menu style which does not shift main content area when sub menu appears. You may examine this with main project and demo by selecting menu->Sub Hidden from the menu.
Cheers.
Thank You! I Appreciate.
I am new to the react framework but i am sure this theme is going to help me a lot for my study as well as using it for my professional work. I have tested it on my mobile device as well and its giving amazing response. Great work.
Now, i have gone through each and every pages / functions from the demo project and i can say the “To-Do” and “Survey” applications are the master piece of the demo project. Do you have plan for the paging functionality on either “to-do” or “survey” applications? still its not urgent and i can make it myself, However just thought to ask you if you have plan in your road-map.
Hi, Please ignore my request for paging functionality as its already available in the theme at menu -> layouts -> Data List
https://gogo-react.coloredstrategies.com/app/layouts/data-listThanks!!!
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-appsI 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
Hi,
I think both of the errors have same origins. Which version of Gogo you have? We have encountered this error about a month ago and fixed it with an update.
If your version is not old, please provide your npm version, node version and os details. It would help us to replicate the problem.
Cheers.
Hello,
Thanks for your help. I have updated to latest version and it worked for first problem.
” 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 “
The problem still persist for 2nd point. Please review the console error- [https://prnt.sc/muflm8]
On screen compile error: [https://prnt.sc/mufl72]
Here are the version details.
NPM version : 6.8.0 Node version : 10.6.0 OS details : Windows 10
Please advise.
Sincerely, Suhail
Hi,
Sorry, I have not noticed you have included “reactstrap-validation-select”. It is causing the error since it needs to be compiled in node_modules. We have tried to use precompiled components for the project to prevent this. It could be implemented with some work at babel and webpack but I don’t think it would be a good idea.
There are some other good validation libraries like Formik but current one works very nice with Reactstrap.
I would like to turn back to the original problem where you think the theme is not looking good with select. I have added a select and it looks like the rest of the inputs. Do you mean the select itself not looking good? Here is the screenshot: https://pasteboard.co/I4kE4Sd.jpg
Cheers.
Hello,
The simple dropdown (without any style) validation is working fine.
But searchable react-select dropdown validation is not working. Here is the screenshot of dropdown which we are using from the theme: http://prnt.sc/muwubjSuhail
Now it is more clear, let us work on it for a few days. We will try to find a solution.
Cheers.
Hello,
We have couple of more problems. Here is the list of all the items.
1) (As discussed but still putting on list) The simple dropdown (without any style) validation is working fine.
But searchable react-select dropdown validation is not working. Here is the screenshot of dropdown which we are using from the theme: http://prnt.sc/muwubj
2) Checkboxes are not working in chrome browser. [ https://prnt.sc/mvcbmx ] It’s working fine on Safari. Link : https://gogo-react.coloredstrategies.com/app/ui/forms
3) File upload, drag and drop package “react-fine-uploader” author has archived and make it read only. We could not get the image buffer after uploading file., so that, it is difficult to upload it on S3.
We need to upload the file on S3 and show progress bar. Can you provide any alternative solution ?
Please advise.
Suhail
Hi,
First of all, thank you for letting us know and sorry for the trouble.
Everything was working last time we checked but as you have mentioned plugins get old and browsers get updated.
We will switch to dropzone, work on the other problems as well and publish an update probably at the start of the week.
Cheers.
Hi,
We have just published an update and it took longer than we anticipated since there was some work in progress.
With this version checkbox and uploader problem will be fixed. We have included Dropzone instead of Fine Uploader.
We also included mailing, invoice, tables and map layouts.
We will work on a more advanced validation system for select2 for our next update.
Cheers.
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/coloredstrategiesCheers.
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.