Discussion on Reactify - React Redux Material BootStrap 4 + Laravel Admin Template

Discussion on Reactify - React Redux Material BootStrap 4 + Laravel Admin Template

Cart 1,419 sales
Well Documented

IronNetwork does not currently provide support for this item.

405 comments found.

I am not able to assign a new route to a new page. Though i have made changes to NavLinks.js, AsyncComponent.js, ‘parent’ index.js,. Please specify how do I do it. Basically I want to create custom pages with custom contents.

Hi,

Can you please confirm your purchase code, It shows you haven’t purchased the product. Thanks!

where can i see the demo layout of the blogs?

I read the documentation but still trying to follow the structure.

Where is the menu settings. I can see the locales and added items in botht locale and nav.js but it is not showing up in nav. I wanted to add menu options and routes that will have my own pages and wiidgets.

Hi,

Thanks for reaching out! Regarding your queries, 1. You can see demo layout widget in widget page Link is here :- http://reactify.theironnetwork.org/app/widgets/general check attach screenshot link for more info:- https://tinyurl.com/y5o2gouc

2. For menu settings we define all procedure in documentation ,check the link given below :- https://iron-network.gitbook.io/reactify/reactify-redux-thunk-saga/layouts/adding-menu-in-different-layouts

Let us know if it works, If you have any other issues then you can also reach us at support@theironnetwork.org

Thanks

How do I increase the space between the two buttons of the Horizontal Linear – Alternative Label?

Hi,

Thanks for reaching out again.

mr-5,mr-10,mr-15,mr-20,mr-25,mr-30,mr-40,mr-50,mr-60,mr-70 are the classes so apply as per as your requirement for spacing between buttons.

Thanks

stepper => Horizontal Non-Linear => RTL

lookes like this:

______________3_______________2 1

I would be happy to have a solution.

Hi,

Thanks for reaching out!

As per as your concerns, We checked the issue at our end and sending code to fix it. Please follow the below steps:-

Step1 : Add class (className=”stepper-rtl”) in <Stepper> tag . Step2 : Go to src/assets/scss/custom/layouts/_rtl.scss and add below code snippet, .rtl * { .stepper-rtl{ >div{ >div{ right: calc(-50% + 20px); left: calc(50% + 20px); } } } }

Let us know if it works, If you have any other issues then you can also reach us at support@theironnetwork.org

Thanks

How complete is the UI, e.g., ecommerce and chatting component?

i have noticed that the DOM gets updated so do we only have build out the logic for redux actions and communication to firebase firestore?

we aree building out a PoC and MVP and wee want to leverage a template to minimize the dev time. most your components look ideally suited fo what we require.

looking forward to your reply.

Hi,

Thanks for reaching out and showing interest in our products!

For eCommerce section, We used algolia search to list out the product but you can use its premium version to grab more advantages of algolia or you can do it by it custom.

For chat component, You need to add logic to get chat component works as you want.

For more information you can send us your project requirement and queries at support@theironnetwork.org

Meanwhile, you can go through our detailed documentation https://iron-network.gitbook.io/reactify/

We are happy to help you!

Thanks and have nice day!

Laravel template not working in local environment with the steps provided.

Can you please send us an email at support@theironnetwork.org with the error you are facing. Thanks!

Hi, Im currently using ur theme and i spotted some bugs, or should i need add some style props or directions?

The bug is with RTL layout in sidebar… <Scrollbars> component didn’t hide scrollbar, so in the arabic sidebar the native scroll appears..

any suggestions?

Thanks a lot.

P.S. another small bug i noticed in console Material-UI: you are using the deprecated typography variants that will be removed in the next major release.

Hi

Thanks for reaching out!

As per as your concerns, we checked it at our end and found that this is the style issue which is occur from third party scrollbar library, to resolve this issue you have to follow steps below :

- Go to src > assets > scss > custom > layouts and open _rtl.scss file and add the below code snippet in it.

.rtl * .rct-scroll > div:first-child {
   margin-left: -17px !important; 
}

And about your second query, We already updated the typography variants in our template and this warning will remove by Material UI in next release, this is default generated log for highlight the next release.

Let us know if it works and for more information, query please contact us at support@theironnetwork.org

Thanks and have a nice day!

Hii! I created my own formdialog. I brought it to the route where I needed it. It works fine except for css. I manage to edit it but the changes I make are not saved. I would be happy if you could tell me the correct way to expand the height and width of the formdialog

Hi,

Thanks for reaching out!, If you are creating your own formdialog then by giving custom class on that div , you can easily set the height and width.

e.g. On Following dialog we created a .form-dialog-wrap class: <Dialog open={this.state.open} onClose={this.handleClose} aria-labelledby=”form-dialog-title” className=”form-dialog-wrap” > Now Go to src > assets > scss > custom and open _forms.scss file and add code snippet which is given below :-

.form-dialog-wrap{
   >div{
      &:last-child{
         >div{
            max-width: 982px;
            width: 982px;
            height: 800px;
         }
      }
   }
}

Save files and check browser to see the changes.

Let us know if it works! Thanks and have a nice day!

Hi, I’m dynamically fetching the menu from database. I’m receiving the menu details as below: “menu_title”: “menu.policy”, “menu_icon”: “zmdi zmdi-grid”, “path”: ”/app/policy”, “child_routes”: null I’m able to render the menu in sidebar for default theme. However while clicking the sidebar menu,it’s unable to find the routes.

I have added following entries into _reouterSerivce.js

{
    path: 'policy',
    component: AsyncPolicyComponent,
},

Hi,

Thanks for reaching out!

As per as your concerns, It seems that you missed one step to complete the process of menu.

Please go through our documentation link and cross check your steps once again. May be you skipped Step2. https://iron-network.gitbook.io/reactify/faqs#how-to-access-the-component

Let us know if it works and for more information, query please contact us at support@theironnetwork.org

Thanks and have a nice day!

Does it support group chat?

Hi ,

Thanks for reaching out! We currently only have One On One Chat system.

In the meantime, you can do it by your own by using custom code.

Please let me know if you have any additional questions or send us mail at support@theironnetwork.org, and have a great day!

Hi,

We recently purchased one of your admin dashboard themes – Reactify. However, we are having difficulty deploying it on our server.

Following your instructions, and running ‘npm start’ works fine at localhost:3000.

On the other hand, we ran ‘npm run build’ and coping the generated ‘dist’ folder to our server but pointing to this folder in the browser resulted in a blank screen.

We’ve made no changes to the theme files and we’ve tried the ‘thunk’, ‘saga’ and ‘seed’ versions.

Are we doing something wrong, Please advise.

Item Purchase Code: 790cf4d8-9f4f-4e82-ad26-2d279381cd45

Hi,

Thanks for reaching out!

Regarding your concern, may be you are using dist folder as separate folder (/dist) of main url . eg: If you have test.com url and you uploaded dist folder to test.com and then its url becomes test.com/dist . In this case it wont start. To get rid of this, copy all dist files and upload it to main server like test.com. Now check on test.com. After doing this you can access the theme.

Let us know if it works, If you have any other issues then you can also reach us at support@theironnetwork.org

Thanks

Hi, wonderful work btw. really love the template. just a query, in the product page you mentioned there is react-trello component integrated. but i didn’t found that in package.json file. how can i use it in the template. do i install it manually and use it.

thank you.

Hi,

Thank you for contacting us about your concern about theme description. Actually we did not used react-trello but we are truly sorry that description that you read did not present in theme as promised. We understand your disappointment, and apologize for any inconvenience that this may have caused you. Before we publish any product, it undergoes several stages of quality checks. It is our intention to provide only the highest quality items with right description to our customers, and we regret that theme description wrongly printed in this case. We have gone ahead and updated the description, which now exactly have same modules as we used in theme.

Lastly, If you want to use react-trello. you can do it by manually. Following link may help you.

https://github.com/rcdexta/react-trello

Thank you again for bringing this issue to our attention—please don’t hesitate to contact at support@theironnetwork.org with any further concerns.

Thanks

Reduce the size of “rct-page-content”‏

this was your answer- * Regarding reducing all the size of the entire internal display, may be you are referring to the content dashboard area.

You only need to add padding for this class “rct-page-content” .

—Go to src -> assets -> custom and open ” _main.scss ” file and search the class for add padding as per your requirement. * I tried to add the padding but only padding-bottom does not work – and that’s my main goal!!! I want to make pages that you do not need scroll!!!

please help

Replied on mail. Thanks

I do not think you understood my request. I already have two menus, I want to make a second (dynamic) horizontal menu for the child routes.

Replied on mail. Thanks

And I want to make another horizontal menu, I’ve already talked to you and I have not received a satisfactory answer that works. I’d love to get an answer as soon as possible

Hi,

1.Please check out the our documentation for adding menus. a)Adding both menu: https://iron-network.gitbook.io/reactify/faqs#how-can-i-use-sidebar-and-horizontal-menu-at-same-time

b)Adding horizontal Menu

https://iron-network.gitbook.io/reactify/layouts#horizontal

2.Regarding reducing all the size of the entire internal display, may be you are referring to the content dashboard area.

You only need to add padding for this class “rct-page-content” .

—Go to src -> assets -> custom and open ” _main.scss ” file and search the class for add padding as per your requirement.

and if you have any issue or problem in our theme then you can also send us email at support@theironnetwork.org for further assistant.

Thanks

hii! I want to reduce all the size of the entire internal display except for menus and head (I have a horizontal menu and a side menu). What is the best way to do this?

Replied on mail. Thanks

Hello,

My License: b4e0369b-183a-4c48-ba31-f457c6231473 – 19 Oct 2018

I’m using react version for Laravel.

Can you please tell me, how can I change image saving to jpg when I crop it?

Thank you in advance.

Hi,

There is no option for JPG extension in react cropper. You have to save it manually. Please refer to following link for understanding.

https://www.screencast.com/t/BNSPXovz36

We opened an issue in github regarding this. We will let you know if they provide the fix.

Thanks

Hello, love the template. Everything works great. I use the reactify-redux-saga version. I have two questions: 1) I see there is a ” localStorage.setItem(‘user_id’, signInUser.uid); ” in src/sagas/auth , but user_id always shows as null in localStorage. Not so when using Auth0.

2) I`d like to make the data in UserBlock.js correspond to the logged in user. I was looking into using firebase.auth().currentUser; (I plan to use firebase only) but have not gotten it right yet. Any suggestions?

Hi,

Thanks for your kind words.

1. We noticed this issue and we will fix in our next update. At this moment please follow the steps below if you want do it by your own:

a)  Go to src>sagas> and open Auth.js and find
Signin User With Email & Password

and Replace whole function to following:

function* signInUserWithEmailPassword({ payload }) { const { email, password } = payload.user; const { history } = payload; try { const signInUser = yield call(signInUserWithEmailPasswordRequest, email, password); console.log(‘user_id’, signInUser) // check data is store in signInUser or not. if (signInUser.message) { yield put(signinUserFailure(signInUser.message)); } else { console.log(‘11 local’, signInUser.user.uid) // check uid in console window

localStorage.setItem(‘user_id’, JSON.stringify(signInUser.user.uid));

var getData = JSON.parse(localStorage.getItem(‘user_id’)) console.log(‘12 local’, getData) yield put(signinUserSuccess(getData)); history.push(’/’); } } catch (error) { yield put(signinUserFailure(error)); } }

By using this function you will able to get the require output.

2) For using firebase.auth().currentUser , we are provide you a article. May this will help you:

https://firebase.google.com/docs/auth/web/manage-users

Let us know if it works.

Thanks

Thanks for the reply. it did work, I just had to delete an extra } that was in the function. I used the same example for social providers with success. Here`s the code for google firebase auth: /* * Signin User With Google Account */ function signinUserWithGoogleAccount({ payload }) { try { const signUpUser = yield call(signInUserWithGoogleRequest); if (signUpUser.message) { yield put(signinUserFailure(signUpUser.message)); } else { localStorage.setItem(“user_id”, JSON.stringify(signUpUser.user.uid)); var getData = JSON.parse(localStorage.getItem(“user_id”)); yield put(signinUserSuccess(getData)); payload.push(”/”); } } catch (error) { yield put(signinUserFailure(error)); } }

For the second item, it was easy to implement with your suggestion: import firebase from “firebase/app”; import “firebase/auth”;

In render: firebase.auth().onAuthStateChanged(function(user) { if (user) { console.log(“user init”); } else { // User is signed out. // ... } });

const user = firebase.auth().currentUser;
if (user) {
  this.name = user.displayName;
  this.email = user.email;
  this.photoURL = user.photoURL;
} else {
  console.log("no user");
}

and just call the elements with: {this.name}

Hi,

I have two questions, your help would be appreciated.

1) I’ve added my own backend validation for Authentication similar to the Firebase, however based on the documentation it is not clear how to protect each of the pages, Do you have that code in place because I was not able to see it sagas/Auth.js signInUserWithEmailPasswordRequest. I’m planning to store the JWT token on the store.

2) I don’t understand why the class for the Material button when it is reduce to be responsive for mobile size it shrinks – check this imgage https://www.screencast.com/t/mmI1MBmh

Hi,

Thanks for using our product.

1) If you are using JWT then please check the following article. It may help you.

https://firebase.google.com/docs/auth/admin/create-custom-tokens

2) We checked it on our end and we didn’t find any issue for responsive screens. Please mention the screen resolution or device where you got this issue. We will try to recreate the issue on our end.

Note: Make sure you are using the latest files from themeforest because we have fixed some errors.

Let us know if you have any other issues.

Thanks

Hi,

I was trying to deploy my app, however there seems to be an issue of chunking issue. When I look at my main file, its nearly 6mb big – this is when i run the npm run build command.

How can I optimize this? When I look at the webpack file, things have been done to optimize the code.

Please help, this is urgent

Hi,

Code in the template is optimized. Regarding your query, We checked on our end and we didn’t get any chunking issue. Make sure you are using only required images and files in theme because this will be the main cause of size increased. We also suggest to download the latest files from themeforest and then check once. You can share your project files at support@theironnetwork.org and we will take a look.

Let us know if it works.

Thanks

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey