405 comments found.
Hi Support,
We are planning to build a SaaS(https://en.wikipedia.org/wiki/Software_as_a_service) application, so we have seen the below message on the theme page, just let us know do we need to purchase any additional license for this, if yes please let us know how much it cost and what is the duration of the license too.
“If you are building a SAAS product please purchase an extended license.”
Hi,
Yes you need to buy an extended license and it is a onetime cost with free updates. Once you go to the project description page you can see a dropdown on right hand side where you can select extended instead of regular license.
Let us know if you have any more queries.
Thanks!
Hi there,
I have purchased this template not knowing that there is no HTML as part of this. Do you have a HTML set as part of the development? I’m keen to use this for Qlik Sense development and unfortunately the simplest way is to use HTML that we can modify
Thank you
Heya @Author,
I’ve just purchased this template from ThemeForest@Envato and trying to load this template in the local environment. It worked great! but unfortunately it fetches the data from remote firebase url – https://reactify-61b82.firebaseio.com. Can you please provide the snapshot of firebase DB so I should not rely on this dangling remote reference. OR please provide the credentials so I can download the copy of this remote DB.
Looking forward to hearing from you.
Best Regards, - Ad.
Heya @Author – Can you please look into this issue little bit urgent? Coz I’ve to move forward. Thanks!
Hi,
Thanks for purchasing our template. Reactify uses firebase to authenticate users only but not to serve any data from database, you can use your own firebase credentials. You need to create and account and setup firebase in “src\firebase\index.js” file.
Let us know if it works for you.
Please send us an email at support@theironnetwork.org for further help or queries.
Hi @Author – thank you for your feedback. That worked for me and the UI render perfectly fine except the UI components which fetch data from your remote DB. So far so good, but there’s one glitch I’m trying to find out if you can please help me.
In the Dashboard section, under Ecommerce > Saas > Project Management component fetches the data from remote DB. First I’ve tried with JSON payload inside the Firebase real-time database located at:
My Remote DB: https://fir-template-103d3.firebaseio.com/data/ProjectData Your's Remote DB FILE: http://reactify.theironnetwork.org/data/ProjectData.js For some reason the ProjectManagement UI component still couldn’t render the data under dashboard section. Could you please let me know that above component render from JS uploaded file or firebase real-time database.
Looking forward to hearing from you.
Best, Ad.
Hi,
Please send us an email at support@theironnetwork.org and we will send you step by step instructions for the same. Thanks!
Hi Support,
We are interested with your Reactify – React Redux Material BootStrap 4 Admin Template, We just wanted to know whether all the 4 dashboard will be included in the package or we need to purchase these seperatly.
Ecommerce, Sass, Agency, News
In the Sass Dashboard, presently the menus are coming on top of the header, we just wanted to know whether we can customise the same to left menu aligned(similar like Ecommerce widget )
While sending the reply please add cc to anoop@2basetechnologies.com too
Hi,
Yes all four dashboard will be included in the package. We cannot add an email in the reply but will email separately on the provided emails as well.
Let us know if you need anything else. Thanks!
Hi IronNetwork, it’s nice to have your theme.
Could you state the compatible version of node, npm for Reactify?
This happens when I run from the reactify (redux-saga) dev folder.
$ sudo npm install npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes and new features! npm WARN deprecated jvectormap@2.0.4: jvectormap is not maintened since Aug 2015. You can use jvectormap-next or jqvmap instead. npm WARN deprecated babel-preset-es2015@6.24.1: Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update! npm WARN deprecated nomnom@1.8.1: Package no longer supported. Contact support@npmjs.com for more info. npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. npm ERR! Unexpected end of JSON input while parsing near ’...”^1.12.2”},”_hasShrin’
Here are my versions:
$ npm -v 6.3.0
$ node -v v8.11.3
Here is the gist for clearer message: https://gist.github.com/phamnamlong/e6848dc2fe401ab04cf0ee9dff5f009c
Seem like it’s problem from my end, I hit “sudo npm cache clean—force” and there is another problem 
I reinstall npm 5.6.0 to be compatible with 8.11.3 instead.
But then there is a problem of installing node-sass => permission to make folder even though I run “sudo npm isntall”
- 1. Got to remove node-sass to make “sudo npm install” successfully
- 2. If you could update with some deprecated packages that I sent above, that would be awesome!
Sure we will do the same in our next update. Thanks!
Hi. Can we make route path on the leaflet map? For example a line path from point A to point B. I was thinking to embed leaflet-routing-machine. Can you suggest anything?
Hi,
You can use leaflet-ant-path for make route path on the leaflet map. Follow the given below links to get more information about it. Let us know if you need anything else.
https://www.npmjs.com/package/react-leaflet-ant-path https://github.com/rubenspgcavalcante/react-leaflet-ant-pathHi, Thanks for your reply and guidance. I have one more question: I have backend in Laravel PHP framework which is exposing the end points. The Reactify is using those endpoints to perform operations on front end. So currently there are 02 servers running on for the application. Now I want to make a docker image of the application. Can you please tell me how to make an image having information of both the front-end and back-end?
Hi,
Here are the step by step instructions to make docker image.
1. Install docker container in your machine.
https://www.digitalocean.com/community/tutorials/how-to-install-and-use-docker-getting-started 2. Create a Dockerfile under the project file.- You should always specify a full version here to ensure all of your developers
- are running the same version of Node. FROM node:8.11.2
- The base node image sets a very verbose log level. ENV NPM_CONFIG_LOGLEVEL warn
- Copy all local files into the image. COPY . .
- install RUN npm install
- Build for production. RUN npm run build
- Set the command to start the node server. CMD serve -s dist
- Tell Docker about the port we’ll run on. EXPOSE 5000
2. Build your image by running docker build -t reactify-docker .
3.Verify that it’s working by running docker run it -rm p 5000:5000 -name reactify-docker reactify-docker
check more details about it https://medium.com/ai2-blog/dockerizing-a-react-application-3563688a2378 Thanks! Let us know if you need anything else.
Hi, i just bought you template!
But when i try to do “npm install” give me a lot errors, have something to do before installation?
Hi,
Can you send us the screenshot what errors you have. You can mail us directly at support@theironnetwork.org.
Thanks!
No sketch in downloaded file.
Please download the latest files. Thanks!
Helllo, I want to asking of my error in npm start. file webpack.config.js in line 38 module.export cannot read file ./src/index.js . How to fix it my error ? please help me sir. Thank you
Hi,
It seems hidden files are missing such as .babelrc. So please make sure you copied all the project files including the hidden files.
Let us know if it works for you.
Thanks !
Still Error, this is the error :
ERROR Failed to compile with 1 errors 3:05:55 PM
error in ./src/index.jsModule build failed (from ./node_modules/babel-loader/lib/index.js): ReferenceError: [BABEL] D:\xampp7\htdocs\theme\reactify\dikti\src\index.js: Unknown option: D:\xampp7\htdocs\theme\reactify\dikti\.babelrc.presets at Logger.error (D:\xampp7\htdocs\theme\reactify\dikti\node_modules\babel-core\lib\transformation\file\logger.js:58:11) at OptionManager.mergeOptions (D:\xampp7\htdocs\theme\reactify\dikti\node_modules\babel-core\lib\transformation\file\options\option-manager.js:126:29) at OptionManager.addConfig (D:\xampp7\htdocs\theme\reactify\dikti\node_modules\babel-core\lib\transformation\file\options\option-manager.js:107:10) at OptionManager.findConfigs (D:\xampp7\htdocs\theme\reactify\dikti\node_modules\babel-core\lib\transformation\file\options\option-manager.js:168:35) at OptionManager.init (D:\xampp7\htdocs\theme\reactify\dikti\node_modules\babel-core\lib\transformation\file\options\option-manager.js:229:12) at File.initOptions (D:\xampp7\htdocs\theme\reactify\dikti\node_modules\babel-core\lib\transformation\file\index.js:147:75) at new File (D:\xampp7\htdocs\theme\reactify\dikti\node_modules\babel-core\lib\transformation\file\index.js:137:22) at Pipeline.transform (D:\xampp7\htdocs\theme\reactify\dikti\node_modules\babel-core\lib\transformation\pipeline.js:164:16) at transpile (D:\xampp7\htdocs\theme\reactify\dikti\node_modules\babel-loader\lib\index.js:50:20) at Object.module.exports (D:\xampp7\htdocs\theme\reactify\dikti\node_modules\babel-loader\lib\index.js:173:20)
@ multi (webpack)-dev-server/client?http://localhost:3000 babel-polyfill react-hot-loader/patch ./src/index.jsPlease help me bro
Hi,
We checked the issue and resolved it by updating the material-ui, if you are using reactify(redux-saga) then you need to update the @material-ui/core version from 1.4.0 to 1.4.3. To update the package go to the package.json file and find the @material-ui/core and set it’s version 1.4.3.
Let us know if works for you.
Thanks!
Hi, I already updated @material-ui/core to 1.4.3 but the same error still appears. what I do next ?
Thanks
Hi,
Can you elaborate us what changes you did in the project files. Please send us your project files at support@theironnetwork.org we will look into it.
Thanks
When I change something in my code I have warning in browser console ”<Provider> does not support changing `store` on the fly. It is most likely that you see this error because you updated to Redux 2.x and React Redux 2.x which no longer hot reload reducers automatically. See https://github.com/reactjs/react-redux/releases/tag/v2.0.0 for the migration instructions.”. I have read migration instructions but in src/store/index.js we’ve already have this. How can I fix this warning?
Hi,
This is issue with the hot reloading. We are working on updates and will release next version soon. For now you can disable the hot reloading by removing the—hot flag from the start script inside the package.json file.
Thanks! Let us know if you need anything else.
If I need to, I can pay for the installation.
If set in reducers/settings activeTheme: { id : 2, name: “secondary” } it doesn’t work, how can I set another activeTheme by default ?
Hi,
We updated the documentation, now you can check the documentation to change the theme.
https://iron-network.gitbook.io/reactify/change-theme Thanks! Let us know if you need anything else.Hello, my team is very difficult to install the admin you can install for us?
Hi, Installation is not part of support, however we can surely guide your team if they are facing any problem. You can email us directly at support@theironnetwork.org
Thanks!
In file reactify(redux-thunk)\src\components\RctAppLayout\index.js => componentDidMount() we have two setTimeout it’s for simulate fake delay? if “yes” then why it’s needed, in real life this component doesn’t render by moment of receiving bundle.js? So fake delay is unuseful ?
Hi,
We have two setTimeout in the layout file one of them is used for starting user tour and another one is used for fake delay. In header and sidebar we show the content loader before mounting the component it’s just a demo for display content loader to the user. It’s not a necessary, you can remove these setTimeout.
Thanks! Let us know if you need anything else.
ok, just please remove both setTimeout and in reducers/settings set startUserTour to true and I think you’ll see my problem
Hi,
Are you getting this kind of layout https://www.diigo.com/item/image/60nln/qjc2 if yes do the following things:-
- Go to the src -> components -> RctLayout and open index.js file. - set the initial state of loadingHeader and loadingSidebar false.
state = { loadingHeader: false, loadingSidebar: false }
Thanks! Let us know if it works or not.
oh, sorry I forget to say that you also must set state = { loadingHeader: false, loadingSidebar: false }... Yes I’ve done it but my problem this https://drive.google.com/file/d/1PfvCKBnkT1wa58y97xLYvxVxqWelGJk0/view?usp=sharing
Hi,
You need to add the delay for the user tour as we did. This is because when app layout in mounted the sidebar component will be mounted with the transition which take 200ms to 300ms time to render the sidebar, during the time of sidebar rendering your header will be rendered as well, during that time and the tour selector position will change. So that’s why we need a delay for the user tour.
Thanks!
it works, thank you)
Cool, let us know if you need anything else we would be happy to help you. We would also like to request if you can rate us thanks!
At the place of Theme content : – <Provider>.....</Provider> if I used any html part like
demo
, create build, move on the server than it gives the proper output on serverIt totally depends what changes did you do in your project files, If possible you can send the project file at support@theironnetwork.org and we will take a look.
Thanks!
How to change the color theme of data-table only??
Hi,
Here are the step by step instructions to change the color of data-table only:-
- Go to the src -> assets -> scss -> custom -> themes and open each file one by one except _theme.scss file. - Now copy the below code and paste it at the end of the file.
body.theme-danger{ .data-table-wrapper{ .rct-block{ table th:first-child>span,table tbody td span,button:hover svg{ color:$danger !important; } } } }
- Make sure selector and theme color variable will be depend upon the theme e.g., In case if you opened _warning-theme.scss file then selector and theme color variable will be body.theme-warning{ .data-table-wrapper{ .rct-block{ table th:first-child>span,table tbody td span,button:hover svg{ color:$warning !important; } } } }
Thanks! Let us know if you need anything else
Do I downloaded all files for your themeforrest thing, but there are no documentation and I haven’t a clue how to plug this theme into my react app. Either provide documentation or provide a refund.
Thanks!
How do I change city for weather widget?
I figured it out. Just having difficulty changing Celsius to Fahrenheit
Resolved.
Changed units=metric
to
units=imperial
Okay great, incase you have any more queries, feel free to reach us directly at support@theironnetwork.org and we would happy to help you.
Thanks!
When I email you I get no response. So I’ll post my questions here where at least someone else may be able to provide a solution when I receive no response from you. Do you realize you never once responded with a solution for any of my questions before I had to figure out on my own. With the lack of documentation at least give helpful responses. And as I stated if you respond with solutions here may help others thus lessen your email inbox.
We have replied to your email. We are based in India and hence sometimes there is a few hours delay because of the timezones difference, we usually respond back in less than a day. Let us know if you have any more queries. Thanks!
I take back the negative things I stated. Everybody listen up… These developers are some top notch people. Support has been quite patient with me and assisting with my minor issues. Overall I really love this admin dashboard for what I specifically need it for.
I have successfully run Reactify on my local machine. I am trying to deploy Reactify within Docker container, the build is done and successful, but I cannot access it.
Here is my docker file : #Create app directory WORKDIR /app
Install app dependencies
A wildcard is used to ensure both package.json AND package-lock.json are #copied
where available (npm@5+)
COPY package*.json ./
RUN npm install #If you are building your code for production #RUN npm install—only=production
Bundle app source
COPY . /app
EXPOSE 3000 CMD [ “npm”, “start” ]
Here is the command line I use: docker container run -it -p 80:3000 IMAGENAME
I tried to access the application through localhost from the browser, but it didn’t send any data. Can you help me figure out the config file and command line to dockerize it ?
Also Reactify doesn’t work on node version 10
Thank you!
Hi,
Here are the instructions which can help you-
1. Override your Dockerfile wth given below code
- You should always specify a full version here to ensure all of your developers
- are running the same version of Node. FROM node:8.11.2
- The base node image sets a very verbose log level. ENV NPM_CONFIG_LOGLEVEL warn
- Copy all local files into the image. COPY . .
- install RUN npm install
- Build for production. RUN npm run build
- Set the command to start the node server. CMD serve -s dist
- Tell Docker about the port we’ll run on. EXPOSE 5000
2. Build your image by running docker build -t reactify-docker .
3.Verify that it’s working by running docker run it -rm p 5000:5000 -name reactify-docker reactify-docker
check more details about it https://medium.com/ai2-blog/dockerizing-a-react-application-3563688a2378 Thanks! Let us know if you need anything else.
SAAS issue. Looks like your demo and my site all of a sudden stopped loading the SAAS page. Try to load your demo (http://reactify.theironnetwork.org/horizontal/dashboard/saas). Please reply if you figure it out. I’m stuck.
It’s definitely one of the modules. When I removed all of them, I can get page to load. Now isolating each to see where it breaks.
Figured it out. Your stock widget needs updated. I just removed it and page now works.
We are working on an update and this will be taken care in our next update.
Thanks!
