427 comments found.
Hi, 1 – I would like the topbar to be permanent and not have the sidebar, how can I do that ? 2 – I started to build a website from the template folder, but the building and the starting of the project are too long, is it the right way to do ? What folder should I use for my website (I want to use features like multi langages, etc…)
Thank you
Hello Kreekz,
Thank you for the request. Answering your questions.
1. The topbar of the template is fixed by default as you can see in the demo http://preview.themeforest.net/item/easypro-developer-friendly-react-bootstrap-4-admin-template/full_screen_preview/21798550 . Topbar is fixed everywhere.
To get minimized sidebar change ‘collapse’ prop to ‘true’ in initalState of sidebar reducer at new-template/src/redux/reducers/sidebarReducer.js. To hide or remove side bar remove its component from code or you can try to edit ”.sidebar” css class (add ‘display: none’, for example).
2. You are building your website from the right folder. The first build really takes time. But in the project there is the hot reload functionality so you don’t need to rebuild and restart project after you implement some changes, it rebuilds the app very fast and the changes are reflected on UI almost instantly.
Also, we’ve logged your suggestion about reducing initial build time and would probably implement it in future releases.
Happy coding!
Please let us know if you need further assistance.
Best regards, Aspirity Team
Sorry I forgot to answer you. Thanks a lot.
Hi, Im using a fresh seed project with some customisations. whats the easiest way to add your existing components from your template such as the chat or mail app? i copied over the component folders and set up the router etc but the css is off. I’m pretty sure there is an easier way?
Hi,
Unfortunately there is no easier way to add the components. Please, check you added CSS files:
src/scss
Best regards, Aspirity
I am not able to deploy this theme to any server including heroku. It is giving me errors the whole way.
Hi,
Could you please provide more information? What exact issues appeared?
Where should I place the .env file? And how can I access the variable from .js file?
Hi,
You can place the .env file everywhere you want, but usually, it places in the root of a project. Please, check the docs: https://nodejs.org/dist/latest-v8.x/docs/api/process.html#process_process_env
Best regards, Aspirity
hi, i purchased your nice bootstrap yesterday.
I am using Spring Framwork (not Spring Boot) for back-end server. and i wanna add your bootstrap theme to my web project.
i am used to using HTML, CSS, JS bootstrap files… your bootstrap is too complex to me
So, what i wonder is how could i import your bootstrap theme to my Spring Project?
is there any other options to get HTML, CSS, JS files?
Hi,
You can use assembled files from the folder dist/NgEasydev or wait for the HTML version. It’s coming next week.
Regards, Aspirity
Buy the model and it’s very good, congratulations! I am trying to use rc-notification using hook components and am not getting it. In the template there is an example just using ‘rc-notification’ as “onclick” but I need to use it as a container, how do I do it?
Hi,
Please, check the file: src/containers/Layout/index.jsx
There is another way to use ‘rc-notification’.
Best regards, Aspirity
i got an error when run the app, ./src/containers/Dashboards/Booking/components/OccupancyTooltipContent.jsx Line 26: ‘payload.length’ is missing in props validation react/prop-types Line 29: ‘payload.sort’ is missing in props validation react/prop-types
how to fix this error?
Hi,
So strange because we don’t have such error. There are two ways to resolve it: 1. Try to add to propTypes “payload: PropTypes.array;”. 2. Add /* eslint-disable */ at the beginning of the file.
Please, write to us if the problem is solved.
Best regards, Aspirity
Hi, do you guys have a more detailed change log of what changes were made in each update? I already started my project using the seed and i want to apply the updates you are releasing. I’m trying to figure out the best way to do that.
Hi,
We’ve added the detailed description of the last update (see the documentation) and we’ll try to detail upcoming updates better.
Best regards, Aspirity
Hello. Does your theme have a version without React.js? Only Bootstrap, possibly jQuery.
Hi,
We are working on the pure HTML version based on Bootstrap 4. It will come at the end of August.
Best regards, Aspirity
Hi, It’s possible to generate only html template?
Hi,
We are developing the HTML-version so it will come soon.
Regards, Aspirity
Hello, I really appriciated with this template and recommending for who are looking to buy it.
But I want to be able to use this template’s forms with formik, instead of redux-form. Even Dan Abramov says storing form data in redux is a bad case. I tried to move forms from redux-form to formik but there was an error in renderMultiSelectField,renderRadioButtonField and renderCheckBoxField components. Please provide support about this.
How can I disabled field, with material form? there is no example !
Please, provide us the screenshots.
Regards, Aspirity
Hi. The template looks great. Just a few suggestions: 1) the search bar should be bigger when used on a desktop browser. There is a lot of space for it. It is too small to allow for good looking autocomplete. 2) There is no search bar when looking at the theme on a mobile browser. I think the FUSE admin theme does a good job implementing their search bar so maybe you want to take a look.
Hi, thank you for your suggestion!
Hi,
I have got a question regarding your template on this link http://andrealima.net/item/themeforest-net-297/
Do you provide 100+ HTML elements variations?
Hope to hear from you soon. Thank you.
Hi,
We’ve mentioned about 200+ UI elements such as buttons, inputs, forms, carousels, etc.
Best regards, Aspirity
Hi, when I click on my <SidebarLink/> i.e. Public Dashboard (like https://www.dropbox.com/s/hh3m6oklp2he8dc/1.PNG?dl=0), the <SidebarCategory/> collapses (like https://www.dropbox.com/s/dfrjxrmikez45yo/3.PNG?dl=0). I want it to remain uncollapsed (like https://www.dropbox.com/s/k2x5ra3hap7z8az/2.PNG?dl=0).
Would you have suggestions on which part of the source course that is causing this? I may have made amendments over your template codes – hope you can help me speed up the fixing process..
Hi,
Please, provide us your code of the collapse. We have to check it.
Regards, Aspirity
Sure! Here are the relevant codes: https://docs.google.com/document/d/1OcqgH5HuwI9un23BVHQROB3GqLzVWS88y9phpU_tpAs/edit?usp=sharing
Have put in Google Doc for easy formatting.
Hope there is some luck.
Hi again,
Please, make sure you’ve provided the code in accordance with the screenshots. The screenshots don’t match the code you provided. Did you change the sidebar?
Best regards, Aspirity
Hi,
Yes I changed the sidebar by doing css styling over it. That could have been the cause. If there is no easy fix from just by looking at the posted codes … then its okay then.
Hi,
Yes, we can not reproduce the issue in the EasyDev code — it works fine.
Regards, Aspirity
Hi!
I can’t find any example of Select without redux-form???
Hi,
There is no such example.
Regards, Aspirity
I added console.log(‘render’) into Buttons page component and I see that render method fires three times… why??? and how to fix that?
I found it! Its because of: componentDidMount() { window.addEventListener(‘load’, () => { this.setState({ loading: false }); setTimeout(() => this.setState({ loaded: true }), 500); }); } inside App.jsx !!!
I convert Router component to PureComponent and two unnecessary renders disappeared. What do you think about all this?
Hi,
We suppose it was a smart decision! Thank you for sharing your approach with us.
Best regards, Aspirity
Hi,
I have purchased your theme and it looks fantastic for what I need. I have copied over the seed project and put my code in it but what is the best way to update when new releases of the theme come out?
Thanks
Matt
Hi Matt,
First of all, you need to learn how to use git. It’s a great tool for solving exactly your problem. This system allows you to control all changes in your files. For example, you can download a free tool ‘Git Kraken’ Here is a simple scheme for your problem: 1. Download the latest version of our updates 2. Put these files on git control and call this master brunch. 3. Create another brunch called for example ‘my-project’ and copy-pasted here all your changes (you need to do it once after you will begin to use git) 4. Commit all your changes and now work only with this brunch. That’s all.
Now after we will update our project and you will download new files, you need to do these steps: 1. Checkout on the master branch 2. Copy-paste our new files into your master branch folder. Now you will see changes in your git control tool and you will know what changes we have made. 3. After that, you need to commit these changes with commit message for example ‘new version 2.X.X’ 4. Now you need to check out on your ‘my-project’ branch and use the command ‘git pull’ on the master branch. That’s all. This is hard to understand if you haven’t any experience of git usage, but you just need to read about this great system.
Best regards!
How to show error messages during form validation in different languages? Depending on which language is selected
Hi,
You can edit the validate.js file and add the translation for errors.
import i18next from 'i18next';
const validate = (values) => {
i18next.init({
ns: ['common'],
defaultNS: 'common',
});
const errors = {};
if (!values.username) {
errors.username = i18next.t('layout.error_user');
}:
Best regards, Aspirity
,){kind=link}
.){kind=link}
.){kind=link}