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 Ilhammeidi, I kinda like this template and I’m gonna buy it, but I noticed that it have some pretty annoying bug on chart components. When you move the cursor up from bottom and hover to the bottom point of chart, tip tools appear cause content view of chart spread down and the scrollbar show up, and it’s make the tip tools disappear right away. Do you know why it’s happen and will you fix this?

Hi zozy94,

Thanks for the feedback.

We just checked it and this happen only on windows. This issue can be fixed by adding overflow hidden to the chart wrapper. We will fix it as soon as possible and update in the next release.

Kind regards.

Gan abis beli ni template saya malah bingung cara editnya, saya kira versi HTML.

Niatnya mau rubah template website saya, mulai dari mana editnya saya gak tau.

tolong dibantu.

Abis beli malah bingung, bukan versi HTML ternyata, gmana cara editnya?

Hi Evan91

Terimakasih telah membeli.

Sebelumnya kami telah informasikan dalam deskripsi product bahwa ini adalah template React.js yang berjalan di node.js sever

“NOTE: This is a React.js template. It’s built on Material-UI library. It will not work the Wordpress/PHP nor will it work as a static HTML template.”

Maka dari itu perlu melakukan installasi node.js, sesuai yang ada di dokumentasi.

Dan jika ingin di integrasikan dengan bahasa pemrograman/framework yang lain berikut beberapa tutorialnya:

- react.js: https://code.tutsplus.com/categories/react

- react.js + php laravel: https://code.tutsplus.com/tutorials/build-a-react-app-with-laravel-restful-backend-part-1-laravel-5-api--cms-29442

- react.js + asp.net: https://reactjs.net/tutorials/aspnetcore.html

- react.js + spring java: https://spring.io/guides/tutorials/react-and-spring-data-rest/

- react.js + djanggo phyton: https://www.techiediaries.com/django-react-rest/

Semoga dapat membantu. Silahkan balas pesan ini atau via private message jika ada pertanyaan atau komentar lebih lanjut.

Salam.

How can I integrate this template into my create-react-app project? Is there a version of this template built with create-react-app?

Hi taiwoadepoju,

Thanks for purchasing.

Dandelion Pro template has been created with react boilerplate (https://github.com/react-boilerplate/react-boilerplate). And actually it has a different architecture with create-react-app. But if you want to migrate it to create-react-app, you need some adjustment.

First take out components, containers, redux, action and api then put in to src/ folder or following create-react-app architecture.

After that you need to add all dandelion dependencies in dandelion package.json to create-react-app package.json. Then install all of them.

For deployment, you can take a look this tutorial https://medium.com/jeremy-gottfrieds-tech-blog/tutorial-how-to-deploy-a-production-react-app-to-heroku-c4831dfcfa08

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

Kind regards.

Hi Ilhammeidi,

The components has anything like a dropdownList MultSelecting ?

My purchase code is: 1b4dd1b7-27ec-45ef-99d2-65580a3aec55

Regards, grecio

Hi greciobeline,

Thanks for purchasing.

Yes of course Dandelion Pro has. Please take a look here http://dandelion.ux-maestro.com/app/forms/autocomplete in Select Tag Suggestion on the last section.

Feel free if you have any further query.

Kind regards.

Hi, the live preview. It does not work

Hi MarioTi,

Live preview it’s work now. Or can see directly here http://dandelion.ux-maestro.com/app

Hey There, I saw your template “Dandelion Pro”, it looks good and I would see the documentation before I purchase the template. I just want to make sure this template is well documented so it will be easy for me to work with the template.

Hi ItayH,

Thanks for visiting our item.

You can get Dandelion starter version and documentation by private message me in my profile https://themeforest.net/user/ilhammeidi.

Kind regards.

Hi! The form auto-filling option of Chrome (not tested on other browsers) is hiding the text input labels and giving an awkward visual to the form. Is there a workaround to that behavior?

Hi greciobeline,

Thanks for your feedback.

You can add z-index for the label when focus. Just open this file /app/styles/theme/applicationTheme.js around line:154

MuiInputLabel: { formControl: { top: 12, left: 10, transform: 'translate(0, 22px) scale(1)' }, shrink: { zIndex: 1, // add z-index for the label when focus transform: 'translate(0, 13px) scale(0.7)' }, }

Hope this can help. And we will fix it on next update.

Kind regards.

Thanks man!

Good day !

I want use the theme for my laravel applications

Please advice me how to configure it

Regards

Hi FixSoft,

Thanks for purchasing.

For Integration react.js and php laravel as a backend you can follow this tutorial https://code.tutsplus.com/series/build-a-react-app-with-laravel-backend--cms-1223

Hope this can help.

Feel free if you have any further query.

Kind Regards.

Hi! I would like to know how to properly deploy the app since “npm run build” is giving me a broken app with lots of 404 errors. Thanks in advance.

Hi greciobeline,

Thanks for purchasing.

After build the scripts by run npm run build please run the app by npm run start:prod. And navigate to localhost:3000 (for dandelion-pro) and localhost:3001 (for starter-project).

Just let us know if there still any errors by comment here or message me in my profile.

Kind regards.

I have added a webpack plugin to copy the folders ‘favicons’ and ‘images’ to the /build folder. Everything working fine now.

I have to use IIS so these steps are required.

Thanks for your response.

can’t run npm install got this problem…

npm ERR! path /Users/*/Desktop/myapp/package.json npm ERR! code ENOENT npm ERR! errno -2 npm ERR! syscall open npm ERR! enoent ENOENT: no such file or directory, open ’/Users/*/Desktop/myapp/package.json’ npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent

npm ERR! A complete log of this run can be found in:

Hi dynacorp,

Thanks for purchasing,

First please make sure to run project in dandelion-pro or or starter project directory. And then also if you run another project on port 3001 or 3000 please stop that first.

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

Kind regards.

this is the error i get trying to run npm i

npm WARN saveError ENOENT: no such file or directory, open ’/Users/*/Desktop/myapp/package.json’ npm WARN enoent ENOENT: no such file or directory, open ’/Users//Desktop/myapp/package.json’ npm WARN hotspot web No description npm WARN hotspot web No repository field. npm WARN hotspot web No README data npm WARN hotspot web No license field.

up to date in 2.383s

Hi dynacorp,

May we know your root directory structure? Because the package.json must be in root directory.

You can private message me by email or message in my profile.

Thank you.

Hi, author. I’m facing some lag when scrolling up and down. Is there a way to fix it ?

Hi eventgear,

Thanks for purchasing.

If the app lagy when scrolling probably that was to many components in that single page. You can remove some or move another component to other page.

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

Kind regards.

I want html files, is it possible to get it so that i could buy. as i do not know react much, i wanted html files.

Hi rmsreddy,

Thank you for looking at Dandelion Pro. Unfortunately we don’t have html version right now.

Kind regards.

Amazing Template ilhammeidi ;) GLWS

Thank you celtano

Hi ,

I tried installing in windows machine. I am getting the following issue.

npm ERR! errno 1 npm ERR! pngquant-bin@5.0.1 postinstall: `node lib/install.js` npm ERR! Exit status 1

PS D:\template\dandelion-prop_v120\dandelion-pro> npm -v 6.4.1 PS D:\template\dandelion-prop_v120\dandelion-pro> node -v v8.14.0 PS D:\template\dandelion-prop_v120\dandelion-pro>

Please advise.

Thanks & regards, Kashi

Hi Kashi

Thanks for the feedback. May we know your windows OS version? So we can reproduce it in same system.

Regards.

Hi,

I wanted to try your theme so purchased it. I tired installing with npm install.

Apparently its not installing. Its just hung for hours. I have tried other templates it works.

work@D:/f/newfitsense/themeforest-22890261-dandelion-pro-react-admin-dashboard-template/dandelion-prop_v120/starter-project $ node -v v8.11.3

work@D:/f/newfitsense/themeforest-22890261-dandelion-pro-react-admin-dashboard-template/dandelion-prop_v120/starter-project $ npm install

> dandelion_starter_project@1.2.0 preinstall F:\newfitsense\themeforest-22890261-dandelion-pro-react-admin-dashboard-template\dandelion-prop_v120\starter-project > npm run npmcheckversion

> dandelion_starter_project@1.2.0 npmcheckversion F:\newfitsense\themeforest-22890261-dandelion-pro-react-admin-dashboard-template\dandelion-prop_v120\starter-project > node ./internals/scripts/npmcheckversion.js

Hi kashiks,

Thanks for purchasing.

Please try to delete all things in node_modules and then run npm install again.

Kind regards.

Hi. Is it possible somehow to get dist files to use components without npm? For example like semantic-ui provides (when I need to include js and css files only to html). It would be great, because I’m goint to use it with flask in that case.

Hi miho120,

Thanks for purchasing,

Unfortunately it cannot be generated as static html. This components app can run through node server with npm/yarn only.

Kind regards.

Dear Author,

Great Job for the React Theme. I recently bought the dandelion-pro-react-admin-dashboard-template, hoping to integrate with a Spring Boot(backend) and React(frontend) project, I generated with JHipster https://www.jhipster.tech/ by replacing the Jhipster theme with your one, but after some examination it seems that I needed more understanding of the React side as I am a Java Developer, I teach Jhipster on youtube, and would like to prepare a screencast of how to integrate your theme with JHipster generated React boilerplate project, this is a playlist of the tutorial I started recently https://www.youtube.com/playlist?list=PL5zqnt1ZMVL95co2xogkG9bohbY92zn1_

, If you can prepare an article of how to integrate it would be great, I could make your theme reach to many people.

Hi ahmeddini,

Thanks for purchasing and the compliment :)

Actually we haven’t familiar with JHipster yet. And for now we’re focus on UI/UX design and Front End Development. Hopefully next time we can make screencast/article to integrate them together.

Kind Regards.

I got few questions regarding this template: - Is this app built using create-react-app? - Do you gonna make this app compatible with Internet explorer? - Is this app uses Redux/Redux saga?

Do you have documentation for this template? (If yes, Please send the the link). Is it possible, if I create a new app using create-react-app and create the UI by taking the components from your template.

Hi hashiruh,

Of course we documented it as well, but we cannot give a link because the docs is inside purchases item. For implement component in create-react-app it should be ok, because basically create-react-app and react boilerplate are same.

Hi ilhammeidi, That’s great. If both are same. I just love the template. my only fear was it shouldn’t give problem in the future(issues shouldn’t arise because of react boilerplate webpack configuration). is it possible to make the theme work in internet explorer using polyfill or something similar.

Thanks again.

Dear Mr/Ms,

I have one question please: Does your template support the “Right-to_Left” and “Left-to-Right’ feature? I need this for Arabic language. Thanks a lot Best regards, Tarek

Hi TarekMh,

This template is not support RTL version. It’s LTR only.

Kind Regards.

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