684 comments found.
Hi Support Team,
I recently purchased your theme from ThemeForest. In the FAQ it says that page designs and UI components in Figma are included with a Standard Plus (or above) license and should be part of the project package.
I can’t find the Figma design files anywhere in the download or documentation.
Could you please let me know:
Where the Figma files are located, or
How I can access them if they’re provided separately?
Thanks for your help.
Best regards, Vasko
I would like to know if I can use the Vite Vue instead react Gogo – Vite React Admin Dashboard (React 19)
Hi there,
Thank you for your interest in Gogo.
I don’t think it is a good idea to use Gogo with Vue since Gogo is built on top of the MUI library, which is deeply dependent on React.
All the best.
hi,
import * as React from “react”; import { IMaskInput } from “react-imask”;
import { Card, CardContent, FormLabel } from ”@mui/material”; import FormControl from ”@mui/material/FormControl”; import Input from ”@mui/material/Input”;
interface CustomProps { onChange: (event: { target: { name: string; value: string } }) => void; name: string; }
const TextMaskCustom = React.forwardRef<HTMLInputElement, CustomProps>(function TextMaskCustom(props, ref) { const { onChange, ...other } = props; return ( <IMaskInput {...other} mask=”(#00) 000-0000” definitions={{ ”#”: /[1-9]/, }} inputRef={ref} onAccept={(value: any) => onChange({ target: { name: props.name, value } })} overwrite /> ); });
export default function TextFieldMask() { const [values, setValues] = React.useState({ textmask: ””, }); } Cheers.
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
setValues({
...values,
event.target.value,
});
};
return (
<Card>
<CardContent>
<FormControl className="outlined" variant="standard">
<FormLabel component="label">Phone</FormLabel>
<Input
value={values.textmask}
onChange={handleChange}
name="textmask"
inputComponent={TextMaskCustom as any}
placeholder="(000) 000-0000"
/>
</FormControl>
</CardContent>
</Card>
);
I tried, but the problem exists:
I want to show the mobile no with the country code and flag, just like the react-phone-input-2 library. This works great with Bootstrap styling UI, but not compatible with Material UI
Hi,
You can use the “MUI Tel Input plugin”, which works very well with MUI for phone input. It’s quite similar to “react-phone-input-2” and fully compatible with MUI.
https://viclafouch.github.io/mui-tel-input/HI! How are you today! I hope good. I just bought this template, but it is completely different from the Live Preview:
https://gogo-react.coloredstrategies.com/app/dashboards/defaultThis website shows a different template, other than the one bought.
In the Live Preview on the link, I clicked in Docs, then in Buy Now. Then I bought it, but the one boutght seems the following:
https://gogo-vite.crealeaf.com/dashboards/defaultI dont’t know what have happened.
Could you help me?
Thank you in advance.
Hi there,
Doing great and hope you are as well.
The issue you had is strange. The first link you sent is a very old version, and we should have probably redirected it to the new one. Where did you come by it? All the links in the template detail page are directed to the second and up-to-date link you sent, as far as I know. https://themeforest.net/item/gogo-react-bootstrap-4-admin-dashboard/22544383
The new version you have is much better. It is React 19, while the old one is React 17, and 4 years old. One thing the new version does not have is the applications, and we have been working on it for a while, and we are almost ready to publish it. We made 3 applications: AI Chat, AI Content, and Drive. It should be up in a day or two. We also added 3 more dashboard layouts and improved Figma a lot.
We can send you the old one as well, but it is really old, and it will not even build. The designs are in Photoshop if I remember correctly
If you want that, please send us a message via the form on our profile page so we can send a reply with the template link: https://themeforest.net/user/coloredstrategies
Please let us know how you want to proceed.
Cheers.
Hi! I am great as well.
First of all, thank you for you fast response.
I’m impressed by the quality of you work.
I’ve found the old version template in a blog post with several others templates. It was some kind of review of them.
Unfortunately, I couldn’t find the blog post right now. But I remember googling for “react dashboard template gogo” and I’ve found the following link:
https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://gogo-react.coloredstrategies.com/&ved=2ahUKEwiC3Oi_qfmQAxUhD7kGHcatAHwQFnoECB8QAQ&usg=AOvVaw0pUNeNPnTROBQF0_uNUri0The link then sent me to the old version. It all happened yesterday (I’m not able to find the blog post because 1) I searched a lot of templates and 2) I used my computer, at home, unaccessible right now.
That said, yes, please, I want that older version. I found it amazing. The current one is amazing as well, but I am interested in getting some features of the old one (I understand I will have to “make it work” on my own).
I will try to send you me message via the form on my profile.
Thank you so much.
Just replied your email with the link.
Thank you for the details and your understanding. We will do the redirecting to prevent any future problems.
Cheers.
Hello Team, there is small update require i think its missing – Mobile Number input with country code component is missing, can you please check
Hi,
You might use the react-imask plugin. Here is a small example with outlined standard input that should also work with other input stylings:
import * as React from "react";
import { IMaskInput } from "react-imask";
import { Card, CardContent, FormLabel } from "@mui/material";
import FormControl from "@mui/material/FormControl";
import Input from "@mui/material/Input";
interface CustomProps {
onChange: (event: { target: { name: string; value: string } }) => void;
name: string;
}
const TextMaskCustom = React.forwardRef<HTMLInputElement, CustomProps>(function TextMaskCustom(props, ref) {
const { onChange, ...other } = props;
return (
<IMaskInput
{...other}
mask="(#00) 000-0000"
definitions={{
"#": /[1-9]/,
}}
inputRef={ref}
onAccept={(value: any) => onChange({ target: { name: props.name, value } })}
overwrite
/>
);
});
export default function TextFieldMask() {
const [values, setValues] = React.useState({
textmask: "",
});
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
setValues({
...values,
[event.target.name]: event.target.value,
});
};
return (
<Card>
<CardContent>
<FormControl className="outlined" variant="standard">
<FormLabel component="label">Phone</FormLabel>
<Input
value={values.textmask}
onChange={handleChange}
name="textmask"
inputComponent={TextMaskCustom as any}
placeholder="(000) 000-0000"
/>
</FormControl>
</CardContent>
</Card>
);
}
Cheers.
Thanks for the update let me check 
meanwhile can you help me what should i add in the
@mui/x-data-grid-pro. license key
Hi,
MUI comes with lots of components in its free plan. You might check out the features on their pricing page and if you don’t use those premium features, you might make the data-grid work with the import { DataGrid } from "@mui/x-data-grid";
Their MUI-X components are mostly available for the Free tier, but advanced features require a license as you can see by expanding the features on the table below the page here: https://mui.com/pricing/
I had the version 5 of the template however now it is version 6, is there a way or a documentation that shows how the migration can be achieved or is there a migration guide or the version is a whole new set and have to rewrite everything?
Hi,
It was a complete rewrite. We switched from CRA to Vite, Bootstrap to MUI and used Tailwind and Typescript. Also moved the design to Figma from Photoshop.
Unfortunately there is no practical way to migrate from the old version.
Thank you for coming back to me, one thing why isn’t the left menu getting closed if clicked outside? I mean for example go to https://gogo-vite.crealeaf.com/dashboards/default and try to click outside you ll see that the left menu isnt closing. To make it work, now click on the empty menu and now if you click outside it starts closing, not sure if this intended.
Is there any feedback regarding this?
Hi,
I am not able to reproduce the issue. I navigated to the link, clicked outside, the menu did not close, and clicked on an empty part of the menu, then clicked outside again, and the menu stayed.
The menu works differently in different resolutions. 1440px and 960px are the breakpoints. Could you share your screen resolution and the browser?
Hi,
What you explained “navigated to the link, clicked outside, the menu did not close, and clicked on an empty part of the menu, then clicked outside again, and the menu stayed.” is exactly my problem, I want that if the left menu is opened and you click outside, it should close it but that it isn’t happening. I have the same result in firefox and chrome, resolution 1792×1120.
Hi,
Now I got it. The menu changes its state based on the screen resolution and by default set to stay open above xl(1440px).
You might increase that value so the menu would stay open when the screen size is bigger. You can change it in layout-context.tsx file by updating secondaryBreakpoint: “xl” to secondaryBreakpoint: “3xl”. 3xl is 1900px, so it will stay open above it.
There is no “always-closed” config for it, but if you want it, you can create a new breakpoint with a huge value and set secondaryBreakpoint value to that. Here are the files that need to change:
- mui-extend.ts: Search for BreakpointOverrides and add "10xl": true;
- types.ts: Search for Screens and add "10xl": string;
- tailwind.config.ts: Search for screens: and add "10xl": "10000px",
- theme-provider.tsx: Search for breakpoints: and add "10xl": 10000,
- layout-context.tsx: Search for secondaryBreakpoint and set it to "10xl".
For a faster solution, you can remove the logic in the use-menu.ts file useScreenEffect with the comment ”// Handle secondary breakpoint changes if configured” and add the below. It should work.
// Handle secondary breakpoint changes if configured
useScreenEffect(secondaryBreakpoint || "2xl", () => {
if (secondaryDefault !== false) {
setSecondaryDefault(false);
}
});
Cheers.
can we use this in next js
Hi,
It can work, but requires some time. The react-router needs to be removed in favor of Nextjs’s own router, and there are also some parts that need to be added or removed to make Nextjs work without issues.
We have a Nextjs version here if you are interested: https://themeforest.net/item/piaf-vuejs-admin-dashboard/23160320
I really love your theme—it’s amazing and has all the features I’m looking for. I’m interested in purchasing it. However, I noticed that it currently doesn’t support RTL (right-to-left) layout, which is important for me because I need users to be able to switch the language from English to Arabic, and have the layout and direction adjust accordingly.
I wanted to ask:
If I purchase the theme, would you be able to support implementing RTL functionality, such as a toggle button to switch directions?
Or, is there a possibility that this feature might be included in a future version of the theme?
Hi,
We are working on the applications section and putting in some work for additional dashboards. After them, we will work on the RTL version.
Cheers.
You finally did it. Perfect.
I wonder if the template I’m going to purchase includes HTML versions of the pages?
Hi,
Unfortunately it is only React.
Cheers.
Dear,
I hope this message finds you well.
I recently purchased your theme, [ Gogo – Vite React Typescript MUI Tailwind Admin Template], and I am very impressed with its quality (Purchase Code: [204998926]).
I am writing to inquire about paid customization services. I have a specific project in mind that requires significant modifications to the theme’s core functionality.
My goal is to transform the theme into a complete B2B booking system for flights, visas, and hotels. This would require, at a minimum:
Customizing the menu structure and appearance. Creating a backend for managing inventory (flights, visas, hotel rooms). Implementing a booking and reservation system for partners (B2B). Integrating user roles and capabilities for different types of clients. This is a complex project, and I understand it falls outside the scope of standard theme support.
Could you please let me know:
If you or your team offer paid customization services for a project of this scale? If yes, what would be the next steps? For example, would you need a more detailed project brief to provide a quotation? If not, could you perhaps recommend a developer or agency familiar with your theme who might be able to undertake this work? Thank you for your time and for creating such a great theme. I look forward to hearing from you.
Best regards,
Hi,
We have sent a reply to your message via email. Please check your inbox for our response from support@crealeaf.com
Best Regards.
and please also add the Chatting module and Chatbot section
Yes, applications and UI blocks are on our list and. Thanks.
Welcome back!! I was waiting for this update since 2022, I feel you guys will update this regularly from now
Hi,
Thank you. We will work on it regularly and make improvements.
Also, we got your edit request for Figma but that file is just for preview.
Please use the gogo-vite-design.fig file that comes with the downloaded theme files. You can use it by going to Figma home screen and dropping it there.
Cheers.
Perfect!! Thank you so much!!
is this product dead?
Hi,
We published an update and included the latest React with Typescript, Tailwind, and MUI.
All the best.
Can´t find the config file 4 database
The latest updated is 2021. Please update package and components.
Hi,
We published an update and included the latest React with Typescript, Tailwind, and MUI.
All the best.
Hello, I’ve purchased this template and need to implement user onboarding/tour but it’s getting difficult to implement custom onboarding/tour or even with npm package. could you please suggest me a easy and efficient way to do so, also let me know if you such provision in the template itself.
Hi Colored Strategies team,
Gogo React template is using the following npm package “tst-toolkit” and the attached license is “unknown” and recently updated as “TST license”...My queries below:
1) Do you know the T&C of this TST license? 2) Can you directly me how to use Gogo React without this npm package? Or any workaround?
Thanks in advance for your reply, R.
Hi,
We published an update and included the latest React with Typescript, Tailwind, and MUI.
All the best.
Hello, I bought the template. How do I print or generate a PDF from a component in REACT though? I see print is only available in HTML.
Hello Author, please i have purchase the template but i need he figma file …i can only see psd,
Hi,
We published an update and included the latest React with Typescript, Tailwind, and MUI. It also has the Figma file now.
All the best.
if we want to build project with this theme in public with one of domain (xxx.com) ... where can I have to adjust on the configuration of the theme ?