684 comments found.
Hello, I was trying to use Autosuggestion input(under UI>Forms>Components in your demo) but its not working(not responding). Can you please check.
Thank you.
Hi,
Sorry about the problem, we have somehow missed this.
Please remove below hook from “src/components/common/ReactAutoSuggest.js” file and it should work properly.
getDerivedStateFromProps
Hi,
I have downloaded the source files. In that “Gogo-React” project, under the main source code redux folder, “todo” component redux files are missing. Can you please send those files?
Below is the error message,
./src/containers/applications/AddNewTodoModal.js Attempted import error: ‘addTodoItem’ is not exported from ’../../redux/actions’.
Since there is no “todo/actions” folder available in the main source files “Gogo-React”, not able to run the application.
Please resolve this issue as soon as possible.
Thanks.
Hi,
I am not sure why you have missing files we have those in the project. Here is a screenshot of the todo folder both for zip and project. https://i.ibb.co/Hz1ktbq/gogo-todo.jpg
You may also check adding and retrieving works fine on the demo and it is a build version of Gogo-React project without any modifications. http://localhost:3000/app/applications/todo
Hi, thanks for providing such a wonderful, Theme and clean code. However, i am struggling to implement the basic authentication from custom API, could you give some sample or guidance how to do it with the help of Saga? As now the Theme works only with the credentials from the Firebase. Thanks for your help 
Hi,
It’s nice to hear you like the template and thanks for your kind words.
As for your question, we are planning to implement another authorization implementation(auth2 probably) but can not provide a certain timeline for it.
Currently you need to implement your own logic in saga files. You should check redux part of the project if you have not. The file is “src/redux/auth/saga.js”. and here you may include your api call in ”loginWithEmailPasswordAsync” function instead of from Firebase’s “auth” method.
You may also find register forgotpassword and reset password calls here.
Here is an example that a user commented if you need a starting point. https://themeforest.net/item/gogo-react-bootstrap-4-admin-dashboard/22544383/comments?utf8=%E2%9C%93&term=I+want+to+use+a+custom+API+for+authentification&from_buyers_and_authors_only=0
Basically calling their own api with an axios post. Only small problem was user id parameter which Firebase uses “uid” and their service “_id”. Changing this from reducer solved the problem.
Have a good one.
How can I make some of my sidebars not to have sub-sidebar. Eg: I don’t want dashboards to have sub-sidebar.
Hi,
If you don’t provide any sub menu items, then submenu will not be displayed. You may see an example at “Blank Page”. https://gogo-react.coloredstrategies.com/app/blank-page
You may also check Gogo-React project, there is a more basic version of the menu and routing in it.
Hey guys great work with this template by the way !! I was wondering if it was possible to have some custom work done by you guys ??? what would be the best way to get into contact you yous ?
Hi,
It’s nice to hear that you like our template and thanks for the kind words.
Unfortunately we don’t accept any custom works or freelance jobs.
We got your emails btw, just answering this one though since they are all related.
All the best.
can i get the design ui source files, maybe sketch or adobe xd or whatever ?
Hi,
Please reach us via the form at our profile page so we may reply to you with the files. https://themeforest.net/user/coloredstrategiesHi, How can i use html tags inside IntlMessages? but getting encoded html on frontend.
"user.login-slogan-detail": "İşleri büyüt < br /> boom",Thanks!
i put a whitespace now cus its rendering as html on themeforest :]
Ok solved. Changed IntlMessages.js => FormattedHTMLMessage
Thanks.
Nice to hear that you have solved the problem. We should add that in our docs.
Hi,
Can you tell us how to add a sticky footer ?
Thank’s
Hi,
You may download the item to get the version with the footer.
Footer is located at “src/containers/navs/Footer.js” and added via “src/layouts/AppLayout.js”. Its styling is located in src/assets/css/sass/_gogo.style.scss commented with ”// Footer”
All the best.
Hello
I want to use a custom API for authentification, I already remove firebase to my api but it’s not redirect to dasboard
Please can you help me with this.
here is my code
const loginWithEmailPasswordAsync = async (login, password) =>
await axios.post('/api/session/login', { login, password })
.then(response => response.data)
.catch(error => error);
// await auth.signInWithEmailAndPassword(email, password)
// .then(authUser => console.log(authUser))
// .catch(error => error);
function* loginWithEmailPassword({ payload }) {
const { login, password } = payload.user;
const { history } = payload;
try {
const loginUser = yield call(loginWithEmailPasswordAsync, login, password);
if (loginUser.isAuth) {
localStorage.setItem('user_id', loginUser.user._id);
yield put(loginUserSuccess(loginUser.user));
history.push('/app');
} else {
yield put(loginUserError(loginUser.message));
}
} catch (error) {
yield put(loginUserError(error));
}
}
Hi,
It looks alright at the first glance. Please add some log with api answer and after yield to see if there is a problem with that part.
I solved it , the problem is at redex/auth/reducer.js I changed user.payload.uid by user.payload._id in switch’s case of LOGIN_USER_SUCCESS
it works fine now
by the way how can I change theme radius value to rounded without using multicolor floating panel , It seems not available in src/constants/defaultValues.js
It’s nice to hear that the problem is solved.
You are right about radius value and it looks like we have not created a variable for its default value.
You may set it in src/components/common/ColorSwitcher.js at the below line. Starting value of it “rounded” and you may set it to “flat”.
radius: localStorage.getItem(themeRadiusStorageKey) || 'rounded'
It still does not work
It is an expected behaviour since the code checks for local storage value first and if it is not available, then falls back to provided value.
You may test it on an incognito window.
Alternatively you may delete earlier value by Developer Tools Application tab and Local Storage on left panel by simply right clicking and deleting __theme_radius.
Or you may clear the item by typing below code at Developer Tools console.
localStorage.removeItem("__theme_radius");
Let us know if this does not help.
All the best.
Hello , it’s not working even clean all the local storage data or using incognito window.
By the way it like to use query string in url like page?id= but i could access that in props.location.query can you help me ?
Hi,
You may see rounded to flat adjustment within below screenshots. It looks working without problem.
https://ibb.co/6bk1JBChttps://ibb.co/gVNfZQr
https://ibb.co/WzZMS6Q
To get url params, I suggest you to look into the survey application. You may see that putting console.log(this.props) into the componentDidMount hook in survey-detail.js returns an object with the url param. Screenshot is below. https://ibb.co/7W8tk0Y
You may also need to check routing in src/views/app/application/index.js which is created with the surveyid.
path={`${match.url}/survey/:surveyid`}
Rounded and flat adjustment works well when colorswitch panel is enable , but once it’s disable it’s not work anymore,
Oh, okay then. I did not understand the part where you don’t remove color switch.
Then you may directly include your prefered class to “body” of the “public/index.html” file.
<body class="rounded">
or
<body class="flat">
Hi there, Great template but the dark theme doesn’t seem to work when building for production. Any idea’s? We’re using Netlify to host.
Hi,
Thanks, glad to hear you like the template.
The problem seems to be an odd one. I don’t have any experience with Netlify but there should not be anything specific to host provider. We are using Digital Ocean without any problem and demo(https://gogo-react.coloredstrategies.com/) is built version of the Gogo-React project comes with the zip.
Dark mode and all other colors work via setting a variable to local storage. You may check it with developer tools under Application tab and Local Storage on the left. There might be an old value for “__theme_color” set for the domain or the ip.
You may also check your build in your local environment with installing a package called serve and running your build. Here is the details: https://create-react-app.dev/docs/deployment/
How do I include static footer in the template?
/assets/img/detail-small-1.jpg
Hi, thanks for your response. I don’t actually mean images. I mean’t how to add footer just the way we have header and sidebar in the template. I want to add a footer and how can I achieve that?
Hi,
Sorry about earlier response, I somehow read it as “static folder”.
There is not a footer implementation currently but we may include it and reach you in a few days.
Alright. Please do include it and let me know.
Hi,
We had this update in our codebase and just published it. You may get it when you download the item again.
Footer is located at “src/containers/navs/Footer.js” and added via “src/layouts/AppLayout.js”
All the best.
I love the react template. How can I change the ‘buy’ in ”<IntlMessages id=”user.buy” />” to a different name and what does ”<IntlMessages id=”user.buy” />” means?
Hi,
Thank you for the purchase and it’s glad to hear that you like the template.
As for your question, the template contains an internalization provider(Intl) and you may change entries via below files. - src/lang/locales/en_US.js - src/lang/locales/es_ES.js
You may find details about it at our docs: https://gogo-react-docs.coloredstrategies.com/docs/codebase/language
I downloaded, code quality looks good. In the preview.themeforest.net presentation there is a whole section called structures and layouts – I have been through the code and can’t find where those are defined – looking for the ‘single page application’ layout – that was the primary reason I selected this over the others – now I can’t find it, and nothing in the documentation that I can see.
Thanks in advance for your help.
Hi,
Thank you for the purchase, and glad to hear to that you like the template.
As for your question, the structures listed at the preview are pages and applications that provided with the template.
Some of them are: - Image List: https://gogo-react.coloredstrategies.com/app/pages/product/image-list
- Authentication: https://gogo-react.coloredstrategies.com/user/login
- Tabs: https://gogo-react.coloredstrategies.com/app/pages/profile/social
And so on.
The single page application refers to all the applications which have an additional right side menu. Here is one: https://gogo-react.coloredstrategies.com/app/applications/todo
All the best.
Hi, I am trying to build my all in Heroku and in a server, when I run npm build it doesn’t work and then I tried to run npm install -g serve serve -s build and it works, could you help me with the instructions to deploy the app to a server?
Hi,
You need to build your project on your machine and put build folder contents to server. It just needs an http server and serve creates a quick one to show your build.
You really don’t need to run anything at the server with node or npm.
Hi,
I already have an app with this templete, how can i update the version?
Hi,
There is not a good or automated way to update the template. As you may see, it is an implementation rather than a library.
All the best.
Hi there,
I have purchased this template from you. Just wondering, any chance on offering a TypeScript version?
Cheers
Hi,
Unfortunately there is no Typescript version and we are not planning working on it.
All the best.
The react version has errors/mistakes in many places. Just the login and registration pages alone so far.
Also the demo has a bunch of example pages in the Live Preview, but I don’t see any of them.
Hi,
We have tried to provide necessary views and functionality at auth part and intentionally skipped some implementation to prevent viewers creating actual records. If you have noticed some problems other then these, please let us know.
Theme preview (https://gogo-react.coloredstrategies.com) is built from Gogo-React project that comes within the zip file. You may find all example pages at Gogo-React/src/views directory.
All the best.
Hi,
I am using this <DataListView and would like to add <ButtonDropdown for some actions. How can i vertical align that button?
http://prntscr.com/pznpcnFound it. just removing the className from <ButtonDropdown
Hi,
I am having trouble making the React Select component work with keyboard arrows (changing the active class on the item, so the person can see what is being selected). It only works with mouse-clicking/hover, I already updated the component, but still not working, and in your demo is also not working. Maybe it is a CSS conflict. I am trying to find the issue if I find it I’ll post here.
Best Regards, Israel Araujo
Just add this to your next version. Looks like it solves.
.react-select__option—is-focused { background: $theme-color-1 !important; color: $button-text-color !important; }
(nothing like sleeping over a problem)
Thanks, I have just added it to our source
Hey there, I want to make the data-list become a sortable component so i can sort the list by dragging an item. I see that you’re using react-sortable, is there any way to easily integrate it ?
Thanks Ardhyanth
Hi,
I have looked into your request and it seemed easily doable but after giving it a try I just noticed it can not be done with current implementation and needs quite a lot modifications.
The problem is; search, pagination and other utils modifies the items but adding sortable directly into this operation overrides every other one. Sortable should be at the base of everything and other utils should act accordingly to provide below scenarios.
- Sort and navigate forward and back to sorted page. - Sort, search and clear search back to sorted page. - Search, sort and clear search to keep sorted items as they were. - Sort by a property from dropdown and combine it with manual sort. - Etc.
As you may see, there are quite some work to do and I don’t think we could work on this any time soon.
All the best.
