Discussion on Dandelion Pro - React Admin Dashboard Template

Discussion on Dandelion Pro - React Admin Dashboard Template

Cart 1,492 sales
Well Documented

ilhammeidi supports this item

Supported

This author's response time can be up to 1 business day.

443 comments found.

Hi how can I contact support?

Hi, Your refund has been accepted. Once your money back all license will be revoked, so all usage of this item prohibited.

Thanks

Hi, On page load gives me an error, Warning: Failed prop type: Invalid prop `justify` of value `row` supplied to `ForwardRef(Grid)`, expected one of [“flex-start”,”center”,”flex-end”,”space-between”,”space-around”,”space-evenly”].

Hi developerankitkumar

Thanks for the reported issue.

This warning may because of 3rd party version (MUI DataTables), it should be not affected to the function. We will adjust it in next update.

Regards.

Hi, I am use snackbar on api response 200, please tell me how to add snackbar on api response success

Hi developerankitkumar,

Thanks for purchasing.

For snackbar, once you get the api result please put the data result as local state, then put in open</open> props.

const [open, setOpen] = React.useState(false);
const fetchAPI = value => {
  setOpen(value);
};
return{
  <Snackbar open={stateOpen}>
}

Here’s the full docs of the snackbars usages https://material-ui.com/components/snackbars/#snackbar

Feel free if you have any further queries.

Regards.

Hi, I am using the crudTable component to display information from an api, but when I press edit it does not show me the information in the form, I modified the dataInit and anchorTable parameters by putting the same names, is there any other adjustment that needs to be done? since the information is loaded in redux.

Does the amount of data fetched from the API have to match the amount of anchorTable or is the name matching enough? I look forward to your response, thank you.

Hi jaled,

The redux form need to be initialized, please make sure about it. Example in app/components/Contact/AddContactForm.js

const AddContactFormRedux = reduxForm({ form: 'immutableAddContact', enableReinitialize: true, })(AddContactForm); 

const AddContactInit = connect( state => ({ initialValues: state.getIn(['contact', 'formValues']) }) )(AddContactFormRedux); 

export default withStyles(styles)(AddContactInit);

Regards.

pwa doesn’t update changes i should clear the cache every time

You should request a refund.

Remember, once your refund has been processed, your right to use, download and rate the item is revoked. Means the Dandelion-Pro codes and designs is prohibited to use by you for any project purpose.

Hi, I am using the crudTable component to show information from an api, but when I press edit it does not show me the information in the form, I have modified the dataInit and anchorTable parameters by placing the names the same, is there any other adjustment that should be done? since the information is in redux.

Does the number of data obtained from the api have to match with the number of anchorTable or with the name matching is it enough?

Hi jaled,

The redux form need to be initialized, please make sure about it. Example in app/components/Contact/AddContactForm.js

const AddContactFormRedux = reduxForm({ form: 'immutableAddContact', enableReinitialize: true, })(AddContactForm); 

const AddContactInit = connect( state => ({ initialValues: state.getIn(['contact', 'formValues']) }) )(AddContactFormRedux); 

export default withStyles(styles)(AddContactInit);

Regards.

How do I reset the UI state on logout? Right now it seems to keep the state if i logout and only resets when i refresh the page. I can’t figure it out.

Hi,

You can create new action in reducer /app/redux/modules/ui.js i.e.

case RESET_UI:
      return state.withMutations((mutableState) => {
        // your default state
      });

By default this template just redirect to home once click logout. So you need to create logout function. Then call(dispatch) it in your logout function. To dispatch the redux action you can follow like in

/app/containers/App/ThemeWrapper.js

Regards.

PWA doesn’t work

Salam soly2014.

PWA and offline access must running through https. So please setup your ssl. Example for nginx https://gist.github.com/micho/1712812

Anyway I’m not sure if this template helps you or not, but youre support has been expired and you gave bad rating this items 2 times. And said it has very bad code and not recomended, so feel free to request a refund.

Regards.

manifest.json “src”: ”/android-icon-36×36.png”, not found

Hello,

I use your theme to complete a project faster for which I don’t want to write everything. This is the first time that I use a template and I would like to know if avoiding having “useless” code (unused components or unused services for example) was something dirty or not? Do you recommend that I use the entire template as provided? I would have liked to have a blank base to work on, you have to dig into the code to delete the routes, the menus, etc. in order to start again on a blank page and it’s quite annoying (the component for changing the theme to right of the screen is also too much in the sources ..)

Lately, how do you update the template when you publish a new update? Should we follow the changelog and reflect each change in our project? Is there a way to update a product in production?

Thank you !

Hi mrboboorox.

Thanks for purchasing.

About this case you can try to use Starter Project. That’s in starter-project/ folder belongs with downloaded item. Here’s the docs https://ilhammeidi.github.io/dandelion-docs/#starter

And for the change log updates. You can check in documentation > change log. There’s changed files and you can use diff-chcecker to see the changes. Since I’m not allowed to access the buyer source project directly, so you need to adjust manually. There’s feature and chore updates is depend on your needs, so might not necessary. But for fixed bug, I recommend to adjust it.

Feel free if you have any further queries.

Regards.

Hello, if I buy the regular license, can I use it in different web pages that I develop? or is hosting only allowed on a single domain?

Hi Jaled,

For Dandelion Pro the regular license is only for one project. Here’s detail about license https://themeforest.net/licenses/standard?license=regular&_ga=2.148078391.1017100560.1610103567-1575127416.1595920861

And for the Dandelion Starter Project license is MIT.

Regards.

ada yg htmlnya gk ini

Halo mas. Yg ini gak ada htmlnya, cuma versi react.js saja.

Hello, before buying I would like to know if this template can be integrated with next.js? or if a version with next.js integrated is available?

Hi jaled,

Thanks for visiting my portfolio.

Infortunately I don’t have next.js version and I haven’t try to implement in next.js. But you can try it on the sample-project by move react components, containers, public assets and styles to next.js project.

Please check item description to get the sample-project / starter-project.

Regards.

Hello In the future, is dandelion pro written in typescript ?

Hi Gantulgavivo,

Thanks for purchasing.

For typescript version, I don’t have plan to implement in this template, because I’m not expert on it.

Feel free if you have any further queries.

Kind regards.

Hi there, am wondering how to communicate with the API and dispatch the events to redux store then get them in the UI

Hi ferasawadi,

Thanks for purchasing.

This template use static data for fake API. Which start fetching data from app/containers. Like /app/containers/SampleApps/Calendar/index.js

useEffect(() => {
    fetchEventsData(fetchAction(events));
  }, []);

And for saving data manipulation with redux need side-effect with redux-saga https://medium.com/@lavitr01051977/make-your-first-call-to-api-using-redux-saga-15aa995df5b6

Here’s the original sample by using redux saga with react-boilerplate https://github.com/react-boilerplate/react-boilerplate/blob/master/app/containers/HomePage/saga.js

For redux structure here’e the visual diagram https://ilhammeidi.github.io/dandelion-docs/#code_architecture

Hope this can help. Feel free if you have any further queries.

Regards.

Hi there, thanks for helping with this but am struggling with pushing login information to the Store, what I found is this : const initialState = { usersLogin: Map({ username: ’’, password: ’’, remember: false }) };

and my response is like this : { “status”: true, “code”: “SUCCESS”, “message”: “User Granted Access Successfully!”, “results”: { “token”: “eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJmYXdhZGkiLCJyb2xlcyI6IkNMSUVOVCIsImlzcyI6Imh0dHBzOlwvXC9taXNhZmlyLmFwcCIsImV4cCI6MTYwNzY5MzI0M30.-u0Yc3id09nzVibodwbyqrIo-GaSeLiLDKinnSD-UW0” }, “errors”: null } with user role and username email information.

Hi ferasawadi,

This template use hardcoded api for demo porpose because focus on front end only, so if want to intgrate with real api please remove the usersLogin object and adjust by following your API format.

Mostly practice use local storage to store user response then push to reducer to make component easier to access.

Here is the example and reference:

Article https://jasonwatmore.com/post/2017/09/16/react-redux-user-registration-and-login-tutorial-example

Repo https://github.com/cornflourblue/react-redux-registration-login-example/tree/master/src

Demo https://stackblitz.com/edit/react-redux-registration-login-example

Hope this can help.

Regards.

I tried deploying the template on netlify, but it is throwing a lot of errors and is not working properly. Please can you help me with that?

Hi mayurgaud,

Thanks for purchasing.

We recommend to use node server for deployment and use npm run start:prod to start the app. See the docs https://ilhammeidi.github.io/dandelion-docs/#run

If your’e using netlify or static hosting may need adjustment and some feature might not working properly. Here’s some solution for the common issues

Missing assets: - Move public/images and public/favicon to build/ - Adjust assets path in build/index.html (if needed)

Routing issue: - Please remove offline plugin: https://github.com/react-boilerplate/react-boilerplate/blob/master/docs/general/remove.md#removing-offline-access

Hope this can help. Feel free if you have any further queries.

Regards.

Hi I’m trying to host my school project using this template. I run the command npm run build. When the build is complete I go to the build folder and try to run the index.html file in there using live server and it just stays stuck on a spinner screen. I’ve tried so many different attempts online to fix this but no luck. I took the very basic template to see if it was my changes that broke it, but even then it fails to build and run properly. This issue also happens when I try to host the website on github pages using the gh-pages module.

Hi omerWasHere,

Thanks for purchasing.

There’s many hosting provider that has different config. So we recommend to follow the docs by use vps and node.js server https://ilhammeidi.github.io/dandelion-docs/#run .

And hosting as static sites might some features not working properly or need some adjustment. In example for gh-pages, you need to change the root path for all assets in index.html In example src=”/yourfile.js” to src=”yourfile.js” every finish build. Then push all filles inside build/ to your gh-pages project.

Hope this can help. Feel free if you have any further queries.

Regards.

hi, i was integrating your theme inside a create-react-app, everything works as expected except for the routing. The url changes but the component doesn’t render. how can i fix this problem? or how can i use Router component insteam of ConnectedRouter?

Hi Metalleuxx,

Thanks for purchasing.

This template use react-boilerplate and use redux for routing. If your’e using CRA architecture, you can try to remove connected-react-router/immutable and use react-router-dom only and use history.js to handling history. https://github.com/ReactTraining/history/blob/master/docs/getting-started.md

Hope this can help. Feel free if you have any further queries.

Regards.

How to run project on apache server

Hi hliiwrichman,

Thanks for purchasing.

For apache server you can use npm run build https://ilhammeidi.github.io/dandelion-docs/#run After build finish copy the build/ folder to server and pointing to build/index.html.

If there’s missing images please copy public/images & favicon to build/ folder

With this method some feature might not work properly, so we recommend to use node server to run and deploy by following the docs.

Feel free if you have any further queries.

Regards.

Is this theme has a language translate?. Can i use react-i18next library to language translate in this thema?

Hi thanks for visit our portfolio.

This template buit with react boilerplate which has i18n configuration, but not implemented yet. Here’s the docs for implementation https://github.com/react-boilerplate/react-boilerplate/blob/master/docs/js/i18n.md You can try in the sample project, just check in item description.

Regards.

Does the client status “online, idle, busy” on the UI kit come with sample codes? I would like to implement this feature. Can you give me some help?

The codes are in app/components/Sidebar/index.js and app/components/Sidebar/SidebarContent.js

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