Hi,

Thanks for reaching out!

Changing fonts always be simple thing in reactify. As we are using google fonts which are very simple to use and integrated.

To use google fonts you have to follow these steps:

a) If you are using google font then, first go to public/index.html and find below link and replace it with new one. <!- Use For Google Font -> <link href=”https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900” rel=”stylesheet”>

b) Then go to src/assets/scss/_bootstrap-override.scss file and replace font-family variable value to your new font.

$font-family-sans-serif:      'Heebo', sans-serif !default;     // change 'Heebo', sans-serif .

As you want to use another fonts locally then you have to follow following tutorial:

https://www.balbooa.com/knowledgebase/32-documentation-faq-joomla/176-how-to-add-custom-font-to-website-through-fontface

After tutorial steps no.4 go to src/assets/scss/_bootstrap-override.scss file and replace font-family variable value to your new font.

$font-family-sans-serif:      'Heebo', sans-serif !default;     // change 'Heebo', sans-serif .

2. For switch font concept you need to create a function.

Let us know if you have other queries at support@theironnetwork.org

Thanks and have a nice day!

Sent you the files on email. Thanks!

Hi,

Thanks for reaching out!

1) Yes, it is possible to retrieve the user_id directly through state using Api. 2) And if you want it to a specific URL in Local Storage you need to add javascript method.

3. To resolve ‘react-select’ component in dark-mode problem You need follow this steps:-

i) Go to src/routes/advance-ui-components/autoComplete/component/ReactSelect.js and find row and add a div after column div with a class “select-dropdown” please check below code snippet. // add new div for wrap the element <Input fullWidth inputComponent={SelectWrapped} inputProps={{ classes, ... }} />

ii) Then go to src/assets/scss/custom/_forms.scss and paste the below code at the end #react-select-single,#react-select-chip { .css-bg1rzq-control,.css-1szy77t-control{ border-color:transparent !important; box-shadow: none !important; } }

iii) Go to src/assets/scss/custom/layouts/_dark.scss and paste the below code at the end .dark-mode { #react-select-single,#react-select-chip { .css-bg1rzq-control,.css-1szy77t-control{ border-color:transparent !important; background-color: transparent !important; box-shadow: none !important; } .css-kj6f9i-menu{ > div > div:hover,> div > div:focus{ background-color: rgba(0, 0, 0, 0.2) !important; } } } .select-dropdown [class*=”MuiInputBase-focused-”] * { background-color: $dark-bg !important; } }

Let us know if you have other queries at support@theironnetwork.org

Thanks and have a nice day!

Hi,

Thanks for reaching out again!

Redux package is already install in the template .You just need to install redux-form, Please check the following link for more info:-

https://www.npmjs.com/package/redux-form

In this package, Please go to documentation part, they had given many examples to use it. Please check them.

Let us know if you have other queries at support@theironnetwork.org

Thanks and have a nice day!

Hi,

Thanks for reaching out, however we won’t be able to provide you a solution for this query and this is a custom request. Let us know if you need anything else.

Thanks

Hi,

Please go to src>assets>scss>custom and add your css classes in these files according to your page name or module name or you may add class in common.scss if it not related to given page and modules scss.

Thanks and have a nice day!

Hi,

Thanks for reaching out again!

For adding more custom action button to existing datables using MUIDataTables you just need to follow the links which is given below: https://codesandbox.io/embed/xrvrzryjvp?autoresize=1&hidenavigation=1.

Regarding Scrollbar issue, you need to add a wrapper div and define a class like following:

1) <MUIDataTable title={“Employee list”} data={data} columns={columns} options={options} />

2)Now add style to newly created classes at location src/assets/scss/custom/_tables.scss and add below code snippet in end. .rct-datatable-wrap{ >div{ > div{ &:nth-child(3){ overflow-x: auto; } } } }

Meanwhile, we are sending you the screenshot for better understand. Buttons :- https://tinyurl.com/yyy5twt8 Scrollbar :- https://tinyurl.com/y3nmh2x6

Let us know if it work and for more queries other queries at please contact us at support@theironnetwork.org

Thanks and have a nice day!

i have created a new class inside _table.scss as mentioned and added the class name inside the MUIDataTable tag.

<MUIDataTable title={“Vendor Information list”} data={data} columns={columns} options={options} className=”rct-datatable-wrap” /> But there is no horizontal scroll inside the datatable

Hi,

Thanks for reaching out again!

For adding more custom action button to existing datables using MUIDataTables you just need to follow the links which is given below: https://codesandbox.io/embed/xrvrzryjvp?autoresize=1&hidenavigation=1.

Regarding Scrollbar issue, you need to add a wrapper div and define a class like following:

1) <MUIDataTable title={“Employee list”} data={data} columns={columns} options={options} />

2)Now add style to newly created classes at location src/assets/scss/custom/_tables.scss and add below code snippet in end. .rct-datatable-wrap{ >div{ > div{ &:nth-child(3){ overflow-x: auto; } } } }

Meanwhile, we are sending you the screenshot for better understand. Buttons :- https://tinyurl.com/yyy5twt8 Scrollbar :- https://tinyurl.com/y3nmh2x6

Let us know if it work and for more queries other queries at please contact us at support@theironnetwork.org

Thanks and have a nice day!

Hi,

Thanks for reaching out!

As per as your concerns, We checked this issue at our end. We did not find any difficulties in it. We also updated the latest version in previous updates. The node-sass already install in devDependencies of package.json file, please check your package.json file.

If you want to install it by your own then please run following command to install it.

npm i node-sass

After it, delete node_module folder and package-lock.json file and try to install npm again. It may help you.

If you still have any issue then send the screenshot to support@theironnetwork.org, so that we can help you.

Let us know if it works.

Thanks and have nice day!

Hi,

Thanks for reaching out!

As you requested for code, We are sending you the code snippets for get selected id/ids when we click on delete button.

// on press delete button
   onDeleteData(popupResponse, file) {
      if (popupResponse) {
            let selectedFile = {
               files: [{
                  id: file.id
               }]
            };
            this.setState({ loading: true })
            let apiService = APIURLService.getInstance();
            apiService... (delete files data)
               .then(() => {
                  this.getFilesData();
                  NotificationManager.success('File Deleted Successfully');
               }).catch(error => {
                  let errorObject = JSON.parse(JSON.stringify(error));
                  console.log(errorObject);
                  NotificationManager.error('Please Select File');
                  this.setState({ loading: false })
               })
      }
   }

// Get All Files Data
   getFilesData() {
      this.count = 0;
      let apiService = APIURLService.getInstance();
      apiService... (get files data)
            .then((response) => {
               let data = [];
               for (let i = 0; i < response.length; i++) {
                  let file = response[i],
                        filesObject = {
                           "id": file._id,
                           ...
                        };
                  data.push(filesObject);
               }
               this.fileAlldata = data;
               this.setState({
                  filesData: data,
                  loading: false,
                  file: data[0]
               })
            })
            .catch(error => {
               console.log(error);
            })
   }

If you need anything else then please contact us at support@theironnetwork.org

Thanks and have a nice day!

Thanks for the reply but my question was, how would I get the source of the event, I mean from where I will call onDeleteData(popupResponse, file) or getFilesData().

Hi,

We are here for help you with all the support which is mentioned in themeforest support policy. For more info check this link below:

https://themeforest.net/page/item_support_policy

We can help to install the third party integration but will not provide you the source code for further requirements in it. These changes comes under in custom work. You have to hire a developer to get the work done.

Sorry for inconvenience, but we have to follow the themeforest instruction. We hope that you will understand.

Meanwhile, Please check the link below. It may help you regarding your request.

https://www.npmjs.com/package/mui-datatables

If you have other query and issues then please send email at support@theironnetwork.org

Thanks

Hi,

Thanks for reaching out!

1) Session is managed by firebase in redux saga. As you want it with laravel then you need to integrate passport integration, which is given in following link:

https://laravel.com/docs/5.8/passport https://iron-network.gitbook.io/reactify/faqs#how-to-integrate-reactify-with-laravel

2) We already upgraded to the latest version of laravel. You can download the latest file to check once. Regarding your project it depends on which kind of changes you made. We recommend that firstly should back up your project and then do the updated changes in your project. This approach will help you.

If you need anything else then please contact us at support@theironnetwork.org

Thanks and have a nice day!

Hi,

Thanks for reaching out!

For adding a custom action button to existing datables using MUIDataTables you just need to follow the links which is given below:

https://codesandbox.io/embed/xrvrzryjvp?autoresize=1&hidenavigation=1 https://stackoverflow.com/questions/55102156/how-to-give-action-buttons-in-muidatatable

Meanwhile, we are sending you the screenshot for better understand.

https://tinyurl.com/yxlhwrbt

Let us know if you have other queries at support@theironnetwork.org

Thanks and have a nice day!

Hi,

Although we do not provide .net integration but here are some articles that may be of some help https://docs.microsoft.com/en-us/aspnet/core/client-side/spa/react?view=aspnetcore-2.2&tabs=visual-studio https://reactjs.net/tutorials/aspnetcore.html https://www.talkingdotnet.com/create-react-app-visual-studio-2017-and-asp-net-core-2-2/

For more info and queries please send us mail at support@theironnetwork.org

Thanks and have a nice day!

Hi,

Thanks for reaching out!

There is no restriction for the component/page resides in same folder for calling from another page or link. You can access any page at anywhere through a link by define its exact path like below code snippet.

<Link to=”/app/pages/gallery”>click here</Link>

Let us know if you have other queries at support@theironnetwork.org

Thanks and have a nice day!

I would like to add form validations in to my application. Could share some example files

Hi,

Thanks for reaching out!

As you need the validation for reactify, we are sending you the link to integrate it.

https://stackoverflow.com/questions/41296668/reactjs-form-input-validation

If you still have any issues then please let us know at support@theironnetwork.org

Thanks and have nice day!

Hi,

Thanks for reaching out!

We are ready to help you but could you share a bit more information with us so that we can get to the bottom of this? For example, what are your requirement and what kind of output you want to achieve. Please explain your problem in detail at support@theironnetwork.org then we will help you out from it.

Thanks and have a nice day!

Hi,

Thanks for reaching out!

We checked this issue at our end and we didn’t get any issue. We suggest to download the latest files from themeforest and then check once. May be issue is occur due your recently file changes so check your code. Also Ensure that your node version stable or not. To know more go to the nodejs site and check the stable version. https://nodejs.org/en/

and delete node_module folder and package-lock.json file and try to install npm again. It may help you.

Let us know if it works.

If you have any other queries and suggestions then send us email at support@theironnetwork.org

Thanks

Hi,

Thanks for reaching out!

We checked this issue at our end , it seems fine. The script tags already given in package.json file, please check your package.json file and find the below code snippet “scripts”: “start”: “webpack-dev-server—mode development—inline—progress”, “build”: “webpack—mode production” }

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

Thanks and have nice day!

Hi,

Thanks for reaching out! We did not check it as such because it goes out from the given theme context. Having said that following link might help you. https://medium.com/@avanthikameenakshi/building-restful-api-with-nodejs-and-mysql-in-10-min-ff740043d4be

Let us know if you have other queries at support@theironnetwork.org

Thanks and have a nice day!

Hi,

Thanks for reaching out!

There are following tutorials which may help you:

https://firebase.google.com/docs/firestore/quickstart https://www.youtube.com/watch?v=UFLvSp4Mh9k

If you still having any issue then contact us at support@theironnetwork.org

Thanks