427 comments found.
Hi,
While NPM install and NPM start inside template directory,
we are getting below error.
./src/containers/Dashboards/Booking/components/OccupancyTooltipContent.jsx Line 29: ‘payload.length’ is missing in props validation react/prop-types Line 32: ‘payload.sort’ is missing in props validation react/prop-types
Could you please guide us
Hello,
Thank you for the report. We fixed the problem und updated the template.
Happy coding! Best regards, Aspirity team.
Can you give the installation doc
Hello,
Here’s the link – https://previews.aspirity.com/easydev/documentation/installation
Happy coding! Best regards, Aspirity team
Hello
What version of material ui is this using?
Hello,
It’s a version 3.9.2.
Best regards, Aspirity team.
Hi, is there any example for auto complete for text box?
Hello,
No, there is not. But thank you for the interesting suggestion, we will think about it.
Best regards, Aspirity team.
I want to use radio button in a form. I copied the “VerticalFormHalf”, both js and css to the “new-seed” template. However, I found that the radio button is styled wrongly. It is like the “new-seed” template is missing from latest modiification to it found the “new-seed” template is missing
Hello,
“new-seed” project doesn’t have $directions in variable.scss, so you can add them by yourself. You should add “direction” const and className to your new-seed/src/containers/App/MainWrapper.jsx file, rtlActions to redux and then add $directions to your new-seed/src/scss/settings/variable.scss Take a look at “template” project and you will see how it works there. Hope it will help you.
Happy coding!
Best regards, Aspirity team.
Dear Author ,
I have already make a refund request. please accept it and refund me as soon as tomorrow. I need to get another HTML admin version by tomorrow. Thank you for understanding .
Hello,
As we wrote to you in the refund comment, your refund was approved. In the same time we released the HTML-version of our template – https://themeforest.net/item/easydev-developer-friendly-html-bootstrap-4-admin-template/24492795
We’ll be happy to see you among our customers again.
Best regards, Aspirity team.
Dear Author,
You didn’t specify the date of releasing the HTML version. If it will take more than two days. please I’m in need for the refund .
Sorry for the inconvenience
Regards
Hello,
Unfortunatelly we can’t specify the release date for HTML version right now. If you need a refund please make the refund request and we’ll consider it according to Envato regulations.
Best regards, Aspirity team.
Hello Dear,
I have bought the React admin panel from you. But found out the my developer asks for HTML . And sais this admin is React. Can you please solve my problem by finding the HTML admin panel. Or change to another admin panel, please .
Thank you so much . Enan
Hello,
Actually, we’ve already created the HTML-version of EasyDEV. It’s on review now so it’ll be available for you in the near future.
Best regards, Aspirity Team
Hello ,
May i know how long it will take to be released ? I don’t have time to wait more . Thank you
Hello,
It’s on review so we hope to release it very soon.
Best regards, Aspirity Team
Hello Guys,
Thank you for a great template. Very useful.
I am working on the form component and had a simple question for you.
When looking at the form you built, I see you are importing ‘reduxForm’. Nevertheless, when I go to https://redux-form.com/7.2.2/docs/gettingstarted.md/ and read more about reduxForm, I can see they require much more dependencies that you are importing such as :
import { createStore, combineReducers } from 'redux'
import { reducer as formReducer } from 'redux-form'This happen during the Step 1 (https://redux-form.com/7.2.2/docs/gettingstarted.md/#step-1-of-4-form-reducer)
Where is this happening in your code? Where is the form reducer? I can’t see it.
Also, how is `initialValues` passed from ProfileTabs.jsx to ProfileSettings.jsx in your Profile component?
Any help is appreciated.
Thank you.
Hello,
Thank you for your opinion and questions.
1. Store is situated in template/src/containers/App/store.js There you can find reduxFormReducer. Other reducers situated in template/src/redux/reducers folder.
2. We pass a prop called initialValues into the form instance component and the value is an object with the keys being the name of the field and the values being the initial value which we want to add.
Happy coding!
Best regards, Aspirity Team
Hi, I would like to change the default font-family to be ‘Montserrat’ from google fonts. Since you are using bootstrap, what is the best way to do this?
Thank you, Omri
Hello,
For changing the font using google fonts you need to include this font in “template / public / index.html” in the head tag. Then in “template / src / scss / base / scaffolding.scss” set its body tag.
Happy coding!
Best regards, Aspirity Team
Hi the code gift on themeforest dont have the same structure on the website where your are tazlking about take a look : https://ibb.co/qs5wrX5 upload correct files cause i can do anything with that docs is not the same
For real im really disapointed the file in the package downloaded on themeforest are not the same this is a project called [BEMGO] and i don’t buy this please upload the correct files
Hello,
We updated the item. Please inform us if you still have the issue. And if you are then please give us more information about it.
Best regards, Aspirity Team
Hi,
I am looking for a fix for the pagination on the table component. When you use pagination with sort the sort does not persist between pagination. Do you have a fix for this issue? I also attempted to download a newer version of the template and I noticed it is not the correct files. You may need to update the package.
Hello,
Do you mean that you should be redirected to the first page of the table if you use the sorting of the table? About incorrect files – we fixed it in the last update.
Best regards, Aspirity Team
I fixed my sorting issue, thanks. However you still do not have the correct files available for download. There is not a single jsx file in the downloadable folder.
Hello,
We updated the item. Please inform us if you still have the issue. And if you are then please give us more information about it.
Best regards, Aspirity Team
Hi there, I just bought this theme and I think is a good one but I’ve been having some issues starting the theme, i always receive this error: Line 2: ‘YOUR_API_KEY’ is not defined no-undef Line 3: ‘YOUR_AUTH_DOMAIN’ is not defined no-undef Line 4: ‘YOUR_DATABASE_URL’ is not defined no-undef Line 5: ‘YOUR_PROJECT_ID’ is not defined no-undef Line 7: ‘YOUR_MESSAGING_SENDER_ID’ is not defined no-undef Line 8: ‘YOUR_APP_ID’ is not defined no-undef
Search for the keywords to learn more about each error.
At this time I don’t want to have auth with firebase or another type of auth, how can I avoid this error?
Hello,
We’ve fixed this issue in our last update. Thank you for the feedback.
Happy coding!
Best regards, Aspirity Team
When this product has an update, how do I update my existing easydev application with all my customisations?
Hello,
Unfortunatelly there is no simple way to do it. You can merge the new version with the your customized one and combine them manually.
Best regards, Aspirity Team.
Please what’s the version of the React JS you use for this project
Hello, we use React 16.
Thanks for your response, I’ll purchase your template very soon
Hello. I have a question related to easydev-seed, I looked at its source code, as well as the demo version. You do not use (code splitting) delayed loading of modules?
Hello,
Thank you for the request. Answering your question. You’re right. We don’t use code splitting in this project now. But very likely it will be implemented soon.
Happy coding!
Best regards, Aspirity Team
How can i have form validation for DropZoneField/DropZoneMultipleField ?
Hello smitoo,
Thank you for the request.
We use redux-form for the forms. It allows to pass custom validation function when you connect your form. So you can implement this function for the DropZoneField and render error if its value doesn’t pass validation.
Happy coding! Best regards, Aspirity Team
is it any file or image manager in this template?
Hello,
We have a drop zone form (where you can drop&upload multiple files), and single file upload component. They all have image preview functionality. Hope you’ll find it useful for your needs.
Check them out https://previews.aspirity.com/easydev/forms/form_dropzone and https://previews.aspirity.com/easydev/forms/file_upload
Happy coding! Aspirity Team
Hello guys,
I’ve just purchased your theme and started to play around with it. I am fairly new to React but have over 10y of experience building web apps with oher frameworks (Symfony, Angular…).
I was hoping you could help me figuring out 2 or 3 things on the project: – First, I am trying to add the “container” class from bootstrap to give some margin to the layout but it doesn’t work. Did you overwrite some bootstrap classes? You can find it here: https://getbootstrap.com/docs/4.0/layout/overview/#containers I don’t want to fluid layout you have by default (I have removed the side bar)
- Also could you tell me a little bit more about what is going on in the container/App/App.jsx render method please? I don't really understand this bit:
<Provider store={store}>
<BrowserRouter>
<ScrollToTop>
<Fragment>
{!loaded
&& (
<svg className="load__icon">
<path fill="#4ce1b6" d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z" />
</svg>
)
}
<Router />
</Fragment>
</ScrollToTop>
</BrowserRouter>
</Provider>- Last, to add a new functionality from the template to your new-seed app, I read in your doc I only need to copy/paste the container. Is there anything else to do? I understand I might need to create a link to it but maybe adapt the router or anything i could be missing?Thank you for your help. And good job with the template. I wanted something easy and well done to get started and your template stood out from all the other admin temple using react on themeforest.
Best,
Hello DocFunky,
Thank you for the request and for your good words. Answering your questions:
1. We don’t override bootstrap classes. As you can see I added “Container” class and margins were increased.
See screenshot https://ibb.co/FBhg2KT
Could you give us an example where you added it in order to we could investigate your problem further.
2. a) App.jsx is a root container of the application.
b) Provider makes the Redux store available to any nested components that have been wrapped in the connect() function. https://react-redux.js.org/api/provider c)BrowserRouter is a router component that uses the HTML5 history API (pushState, replaceState, and the popstate event) to keep your UI in sync with the URL. https://reacttraining.com/react-router/web/api/BrowserRouterd) ScrollToTop is just a component that scrolls the window to the top if window.location.pathname has been changed. It doesn’t use Browser API directly instead it uses location as props provided by Router component
e) The code that starts with “loaded” is a conditional rendering in the React. It renders SVG if the state “loaded” has a negative value.
3. In order to add a new component that can be accessible by the distinguished route into the seed app you need to follow these steps: a) Copy the component from the template to /src/containers b) Register route for it in App/Router.jsx c) Be aware of components that are connected to the redux. If it is connected you need to copy appropriate reducer and actions that are located in your-template-folder/srs/redux to the src/redux of the seed project, add an import of the copied reducer into /redux/reducers/index, and add it in the combineReducers method that is located in src/containers/App/Store.js of your seed project d) You may also need to fix imports in the copied component.
Happy coding! Please let us know if you need further assistance.
Best regards, Aspirity Team
Thank you so much. It really helped. I’d like to follow up here on the 2e point. How do I use the loaded conditionnal rendreing? Say I have an asynchronous call from my ComponentDidMount which loads dat from my server. I would like to print loading on the page during the exucution of the axios async call ?
Also, in the chat index.jsx, what does the t prop/variable refers to?
Thanks
Hello,
Here is example how you can try to make it:
export const fetchExampleRequest = createAction(‘FETCH_EXAMPLE_REQUEST’); export const fetchExampleSuccess = createAction(‘FETCH_EXAMPLE_SUCCESS’); export const fetchExampleFailure = createAction(‘FETCH_EXAMPLE_FAILURE’);
export const fetchExample = body => async (dispatch) => { try { dispatch(fetchExampleRequest()); const response = await getExampleData(body); const exampleData = response.data; dispatch(fetchExampleSuccess(exampleData)); } catch (error) { dispatch(fetchExampleFailure({ error })); throw error; } };
import { handleActions } from ‘redux-actions’; import { fetchExampleRequest, fetchExampleSuccess, fetchExampleFailure, } from ’./actions’;
const defaultState = { data: null, isFetching: false, error: null, };
export default handleActions( { { return { ...state, isFetching: true, error: null, }; }, { payload }) { return { ...state, data: payload, isFetching: false, error: null, }; }, { payload }) { return { ...state, isFetching: false, error: payload, }; }, }, defaultState, );
You need to make action with try catch, where you will be able to change reducer variable value (in example it’s name “fetching”). By default it’s value is false, but at fetchRequest it will become true – it means that request in progress. And after fetchExampleSuccess or fetchExampleFailure it will become false again. Then you can get “fetching” value via mapStateToProps and use it for some spinner or loading text info. Hope it will help you.
“t” – is translate function from “react-i18next”
Hope it’ll help. Happy coding!
Best regards, Aspirity team.
Is the JWT auth that was planned to add in july already added? i dont see it in the docs
Hello,
We are planning to release authorization with Firebase, Auth0, Google and Facebook accounts next week. JWT would probably be in the future releases.
Best regards, Aspirity Team
do you know when?
There is no exact date at the moment. However, we take users’ feedback very seriously, so your suggestion inclines us to implement it sooner.
Thank you! Aspirity Team
Hello again sdrooy,
In addition to my last answer. I’ll give you some technical details.
In EasyDev we use Auth0 and it supports not only Google and Facebook, but also a custom provider. You can implement a custom Auth0 provider, return the JWT token and our template will parse it like it now does for Google and Facebook – their servers return JWT.
Please let us know more if you need something else. What are you trying to achieve?
Thank you! Aspirity Team
