691 comments found.
Hello, I’m currently using your template to develop an app. I’m confused on how to reach the components individually. Is there a showcase to browse them and see what attributes they accept?
Hi,
The links below will guide you.
https://gogo-react-docs.coloredstrategies.com/docs/guides/smart-and-dumb-components https://gogo-react-docs.coloredstrategies.com/docs/codebase/layoutAll the best.
Hi, was wondering how data-list.js functions with using const apiUrl/servicePath. is it expecting a response from a server? if so, what kind of json format is it looking for? Thank you
Hi,
You can view the api response from the link below.
https://api.coloredstrategies.com/cakes/paging?pageSize=8¤tPage=1&orderBy=title&search=All the best.
Hi,
The menu will hide under 1440px. Is there any way from 1440px to 1080px? Thanks!
All the best.
Hi,
You can set the value of the subHiddenBreakpoint variable from the ‘src/contants/defaultValues.js’ file. Since the bootstrap xxl breakpoint value is 1440px, unstable behavior can be seen between menu and page styling in responsive cases.
After defining the subHiddenBreakpoint value, we recommend that you also review the responsive cases.
All the best.
Can I have the updated chart js version installed into the theme?
Hi,
Chartjs has updated major version, there are many points that change for the user. You can update by following the instructions.
https://www.chartjs.org/docs/latest/getting-started/v3-migration.htmlAll the best.
Is there a possibility this is in typescript?
Hi,
Unfortunately, we do not plan to add the typescript version.
All the best.
Author all right? Take a doubt, I would like to refresh the graphic of the ‘container’
/src/containers/dashboards/SalesChartCard.js
When to modify the DropdownMenu: </DropdownMenu>
<DropdownMenu right>
<DropdownItem>
<IntlMessages id = "dashboards.sales" />
</DropdownItem>
<DropdownItem>
<IntlMessages id = "dashboards.orders" />
</DropdownItem>
<DropdownItem>
<IntlMessages id = "dashboards.refunds" />
</DropdownItem>How should I insert the OnClick trigger to perform this refresh on ?
</CardTitle> <LineChart shadow data={lineChartData} /> </CardBody>
Thanks so much!
I got it using hooks. You can disregard the doubt.
I tried rendering the SliderTootip in vertical orientation (vertical={true}) but it does not display properly. Why is that?
Hi,
First of all I’m sorry for the delay and we didn’t provide a vertical slider sample before.
You need to make changes in 2 files for the Vertical Slider. these files are: ‘src/components/common/SliderTooltips.js ’ and ‘src/assets/css/sass/plugins/react-range-slider.scss’ files for styling. You can find the contents of the file and the use of an example in the link below.
https://codepen.io/originalai/pen/mdWrjoqAll the best.
Does the template include the landing page?
Hi,
The preview page is included in the project.
All the best.
I keep getting this error:
src/App.js
Line 1:40: Delete `;` prettier/prettier
Line 2:38: Delete `;` prettier/prettier
Line 3:9: Replace `⏎··BrowserRouter·as·Router,⏎··Route,⏎··Switch,⏎··Redirect,⏎}·from·'react-router-dom';` with `·BrowserRouter·as·Router,·Route,·Switch,·Redirect·}·from·'react-router-dom'` prettier/prettier
Line 9:42: Delete `;` prettier/prettier
Line 10:28: Delete `;` prettier/prettier
Line 11:31: Delete `;` prettier/prettier
Line 12:62: Delete `;` prettier/prettier
Line 13:80: Delete `;` prettier/prettier
Line 14:82: Delete `;` prettier/prettier
Line 15:47: Delete `;`Another:
src/App.js Line 1:33: Replace `’react’;` with `”react”` prettier/prettier Line 2:25: Replace `’react-redux’;` with `”react-redux”` prettier/prettier Line 3:9: Replace `⏎··BrowserRouter·as·Router,⏎··Route,⏎··Switch,⏎··Redirect,⏎}·from·’react-router-dom’;` with `·BrowserRouter·as·Router,·Route,·Switch,·Redirect·}·from·”react-router-dom”` prettier/prettier Line 9:30: Replace `’react-intl’;` with `”react-intl”` prettier/prettier Line 10:8: Replace `’./helpers/Firebase’;` with `”./helpers/Firebase”` prettier/prettier Line 11:23: Replace `’./lang’;` with `”./lang”` prettier/prettier Line 12:27: Replace `’./components/common/ColorSwitcher’;` with `”./components/common/ColorSwitcher”` prettier/prettier Line 13:39: Replace `’./components/common/react-notifications’;` with `”./components/common/react-notifications”` prettier/prettier Line 14:55: Replace `’./constants/defaultValues’;` with `”./constants/defaultValues”` prettier/prettier Line 15:30: Replace `’./helpers/Utils’;` with `”./helpers/Utils”` prettier/prettier ....
This error seems associated with prettier/prettier. Please how do I resolve this? This is not the first time am seeing the error in this template.
Hi,
These errors are prettier formatting errors. If you wish, you can turn it off prettier or edit your code according to the formatting warnings in the error descriptions.
All the best.
Thanks for your response, I do no want to turn it off; because my VSCode auto formats my code and there is not error in the IDE. I have eslint and prettier extensions installed. But whenever i run it in the browser i get the error, but inside the vscode, all is clear
Hi,
The plugins you use in VSCode may not work with the .prettierrc and .eslintrc configurations in the project. Can you check please.
All the best.
Thanks, finally got the plugins working
I keep getting this error message while trying to run the app:
./src/assets/css/sass/themes/gogo.dark.bluenavy.scss (./node_modules/css-loader/dist/cjs.js??ref-6-oneOf-5-1-6-oneOf-5-3./node_modules/react-scripts/node_modules/resolve-url-loader??ref
./src/assets/css/sass/themes/gogo.dark.bluenavy.scss)
SassError: File to import not found or unreadable: ./views/landing-page.scss.
on line 6 of src/assets/css/sass/_05_views.scss
from line 6 of src/assets/css/sass/main.scss
from line 46 of /Users/username/Documents/gogo-react/src/assets/css/sass/themes/gogo.dark.bluenavy.scss
>> @import ”./views/landing-page.scss”;
Please help
Please ignore this
Hello, We are facing some problems using the wizard component. In the examples you have provided in the dashboard, the wizards that include validations only have one single field in each step. However, when we add more than one field in a certain step, and if we do not want to validate every field in that step, the validation does not work properly. Another issue is that if we use any other component instead of a Formik <Field/> tag inside the steps, the validation and values do not bind properly and do not work correctly. It would be really helpful if you could provide a working example of the wizard with validation that includes the following:
Has multiple steps Has more than one field in each step some of the fields in a certain step are not mandatory and hence do not need validation, so we only need to apply the validation on some of the fields in a certain step Some fields that need validation, are components other than the <Field/> tag. For example, Reactrap’s <Input/> or <Select/>, and a custom searchable select box or date picker which you have provided in the dashboard template.
Hi,
I noticed how confused it got when we added a second field to the forms.
I have prepared a working example for you. There are explanation lines in the code too, but I’d like to add it here as well. Thus, the bugs we caused will be eliminated. Apart from that, you can customize it by looking at validation examples.
Changes: – ‘fields’ : Variable type changed to object from array – ‘onClickNext’ : The function that works over the array ‘fields’ has been edited for the fields object. -The initial values of the ‘Formik’ forms in the Render have been changed. – ValidateOnMount has been added to the ‘Formik’ forms in the render.
https://codepen.io/originalai/pen/xxENGyqAll the best.
@Author
I am using Gogo-React theme for application development by integrating with ESRI ArcGIS JS API.I have followed few examples,
1. https://github.com/Esri/react-arcgis
2. https://github.com/odoe/esrijs4-vm-react
3. https://github.com/tomwayson/esri-loader-hooksWhen I tried to run the above examples alone, It is working fine. If I'm itegrating the examples with Gogo-React then it is failing.
I have contacted ESRI community, and they mentioned errors are not from their end.Regards,
KishorHi,
Unfortunately the support system is for purchased users and internal components. In your case, we are unfortunately unable to help.
All the best.
Hi author,
I have purchased the Gogo_React theme on 3 Feb 2021 and having Regular License and also purchase code with me.
Hi,
Unfortunately the support system is for internal components.
PS: Please contact the account you purchased.
All the best.
Hi,
I was using the modal to Insert , update and Delete data to the database and refresh / update the state to re-render the ThumbListView but I couldn’t re-render the ThumbListView can I get help on this .
Thank you.
Hi,
I could not see a reason why the ThumbListView component should not be re-rendered when one of the props is changed. Could it be that the change you made in the database is not transmitted to the props of the component?
All the best.
Thank you for the replay, I just solve the issue.
Hello, I have 2 questions 1) It’s possible to make Server Side Rendering for some pages? 2) I want to have a fixed menu for the home page as well as for the dashboard pages, how do I go about it Thanks
Hi,
Unfortunately, we do not have SSR experience. We are not sure if it is possible to apply SSR for some pages only. It would be a guide to review the Next documentation.
For your other question, if you only want to use a different menu for some pages; You can create a secondary layout for related pages and use a structure with two layouts.
All the best.
H
Hello, I integrated the login to my API by modifying only the redux/auth/saga.js file but I can’t manage to do the same thing for the registration. Is it necessary to perform actions in the form file? Do you have some example please?
Hi,
Input values remain constant in the registration form. You need to take action on the form file.
All the best.
Hello, our legal department wants to take a look on License and other legal documents for the item to check if can use it for our projects. Can you give a link to those docs?
Hi,
License agreement types and terms are provided by Envato.
Related links: https://themeforest.net/licenses/terms/regular https://themeforest.net/licenses/terms/extendedAll the best.
I am having issues deploying a react app with the Gogo template. The application redirects to {siteURL}/user/static/js/views-user.e9340e2a.chunk.js, but the respective file seems to be located at {siteURL}/static/js/views-user.e9340e2a.chunk.js
Hi,
This is a problem we’ve never seen before. Could you have made a mistake while generating build output for the production environment?
https://gogo-react-docs.coloredstrategies.com/docs/gettingstarted/productionAll the best.
Hi,
I couldn’t find the DataTable implementation source code in my downloaded file, can past the whole implementation source code of the DataTable with sample data here.
Thanks
Hi,
You can find the Datatable example on the path ‘src/containers/ui/ReactTableCards.js’.
All the best.
Thank you for your reply, but I am asking about “DataTables” not “ReactTables” ... this one https://dore-jquery.coloredstrategies.com/Ui.Datatables.Rows.html
Thanks.
Hi,
Since the datatable includes jquery dependency, there is no datatable example in React.
All the best.
I thought you included it ! DataTable is now working in React you can check this https://www.npmjs.com/package/react-data-table-component , I hope you will include it soon. Thanks.
Hello all well? I would like to know the documentation to perform the integration with the REST API, currently using the AWS GATEWAY API. In order to carry out this integration, I plan to update the data.
Hi,
We do not have documentation for using any rest api. Since Gogo is built on basic react basics where users do not have to learn a new method, you can apply any rest api usage directive to the project.
All the best.
Thank you very much, I managed using Redux.
