427 comments found.
When is the html version coming out? I’ll buy it then.
Hi,
We’re planning to release it in June.
Regards, Aspirity
Hi! If I were to get the max-width of the dashboard to 1080px , centralized on large screens, what css/scss modifications should I make?
Hello, leewenjie! Just open ‘new-template/src/scss/objects/layout.scss’ file and change line: 5 from 1630px to 1080px
Best regards!
Hi, unfortunately that did not fix the problem for me. Not sure its because I have done some minor mods to my scss files – I think that shouldn’t break it.
Hi, leewenjie!
There is the only place with this size, it’s very strange that it’s haven’t solved your problem
Opps, hm.. maybe its my new configs
Hello, leewenjie! Have you solved your problem?
Hi! No unfortunately, changing line: 5 from 1630px to 1080px does not help. Puzzled why.. Perhaps the css got overwriten somewhere.
Hi again!
Have you solved your problem?
Hi! Nope. I have little energy to fix that problem 
Hello, leewenjie! Look at this screen https://monosnap.com/file/eeENXeuewlZtBU5UBaQSBX0YrvUti4 there is just only one place you should change in our config, try to use ’!important’ if you have overwritten our styles somewhere.
Best regards.
need help for custom work using React and your template.
Hi,
Please, contact us via product@aspirity.com
I would like the sidebar scroll bar to be always visible. It’s possible?
Hello, percivaljunior!
You need to open ‘src/containers/Layout/sidebar/Sidebar.jsx’ file and change line: 20 from: <Scrollbar className=”sidebar__scroll scroll”> to <Scrollbar className=”sidebar__scroll scroll” alwaysShowTracks>
Best, regards!
Hello, I’ve noticed that the charts will overflow when resizing. How can this be fixed?
An example can be seen here: https://imgur.com/a/q2Gx8NB
Hello?
Hello, r0btrevino!
We will fix this in next update, but if you need hotfix, you can change this <ResponsiveContainer height={70} className=”dashboard__chart-container”> </ResponsiveContainer> To this <ResponsiveContainer height={70}> </ResponsiveContainer>And also you need to add this styles in dashboard.scss file line 423 .dashboard__chart-container { max-width: 180px; flex: 1; width: 0;
@media (min-width: 1200px) {
& {
max-width: 180px;
}
}
}Best regards!
Thanks for replying, but I think that made it worse.
Hello r0btrevino! Please provide us your desired behavior of this component. We also have discovered that this is some kind of bug with a responsive container. Tell us please how this component should be looked and we will try to fix it.
Best regards!
please send me
Hi,
Unfortunately, we have only the react-app version bit pure HTML-version will be soon.
Best regards, Aspirity
Hi so HTML version i will get when you launch that one or i need to pay for html separate ?
We’ll add it in the EasyDev so you will be able to download it.
hi I need HTML template of this
Hi,
Unfortunately, we have only the react-app version bit pure HTML-version will be soon.
Best regards, Aspirity
Hello. Components like datatable, datepicker, menu dont use Jquery right?
Hello, victoriyamashita! There is no jquery in this components
i need to change the logo on the top bar with PNG image but can’t find the code to change the image.
Hello, xcolon! You should look at the ‘topbar__logo’ class in topbas.scss file, also look at themed ‘logoImg’ in variable.scss file Best regards!
When i select a dropdown object it gives me complete object as return can i know how to just have value in return of api
Hello, jaideepvr!
Have you tried .value/target.value?
Hello, Any plan for angular 7 or 8 version? with seed project? Thanks
Hi!
Yes, we’re developing an Angular version of EasyDev and planning to release it in May or June.
Regards, Aspirity
There are two uses of “height: fit-content” in the code. “fit-content” is experimental and the look of the progress bar breaks in Edge browsers. Using “height: auto” would be better. Thanks.
Hi,
Thank you for your advice. We’ll fix it soon.
Best regards, Aspirity
Too much issues just to get this template started i have bought alot other before and never so much issue just to get started. eslint issues version conflicts and the works
Hello, ocase!
First of all, we want to apologize for these problems, but it’s all caused best practices of code styling and we believe that those rules help programmers write cleaner and more readable code. If you don’t want this eslint errors/alert, you just need to disable these rules according to this documentation https://eslint.org/docs/user-guide/configuring but we can’t do it in our template.
Also if you are using webstorm you can find ‘Fix ESLint Problems’ function to fix all eslint problems. You also can use any autofix eslint plugins for VS Code (if you prefer VS Code).
ESLint is just a tool for code analysis.
Best regards, Aspirity
Hello! I am trying to deploy your admin template on server. And I have error —> Uncaught SyntaxError: Unexpected token < in js file Could you please help. Do you have any ideas about error?
Hello, me_Vi!
Unfortunately this is not enough information about error to help you. You need to provide more information about the file with this error.
Best regards!
Hi, there I saw a post here in the comments asking for the “context-api” from React. But this was 5 months ago.
1. Any news on that? 2. Are you planning to implement it?
3. And can you please so kind and explain what’s it all about the “seed” and “seed-without-redux”? I was not able to find out clearly what’s the difference. 4. Which one is “newer” or more “best-practice”?
Thank you very much in advance!
Hello jezekjan!
There are no plans for now about these features. Also, the main difference between ‘seed’ and ‘seed-without-redux’ is that the second one doesn’t use redux, that’s all. Both projects are just examples of how to bootstrap fast your own template based on our sidebar layout. You can add any components to your empty project from ‘template’
Best regards!
Hi, How do you add a placeholder to a renderSelectField, such that it automatically has a value pre-selected? Tried the placeholder tag, but it doesnt take in an object and a normal string doesnt work
Hello rahulvbrahmal!
To change placeholder you need to look, for example at this component ‘new-template/src/containers/Form/FormValidation/components/HorizontalForm.jsx’, here is renderField with placeholder prop, and then we using Field with component prop renderFiled, and also pushing as prop placeholder to Field component. Here is the same way for renderSelectField.
Best regards!
Hello, I just purchased the template and started my project. But I would like to use the topbar navigation instead of the sidebar. Do you have a seed project with topnav?
If not, can you help me turn the included seed project into topnav?
Thanks in advance.
Hello, Desinternauta!
The easiest way here is to always activate topbar menu instead of sidebar. You can do it by replacing line: 10 with this ‘topNavigation: true,’ at ‘new-template/src/redux/reducers/customizerReducer.js’ file
Best regards!
Hi what’s the simplest way to get rid of all react-i18next in the sample templates it’s breaking the code and I don’t even want i18n to start with. Thanks
Hello, candidequirk!
Your question is quite complicated cause we have integrated localization in the most components, so, first of all, you need to read this documentation for https://react.i18next.com/ but all you need is understand that all components with localization wrapped with react-i18 functions.. So you need to delete ‘withTranslation(‘common’)’ from all components you don’t need localization.
Best regards!
Hi! Are you able to help with eliminating the following warning, please? Thank you!
`webpackHotDevClient.js:120 ./src/scss/app.scss (./node_modules/css-loader??ref—7-oneOf-5-1./node_modules/sass-loader/lib/loader.js!./src/scss/app.scss)
Warning
(5797:3) end value has mixed support, consider using flex-end instead`
Hello, leewenjie!
You should replace line: 2 with ‘justify-content: flex-start;’ in ‘new-template/src/scss/component/toggle-btn.scss’ file
Best regards!
nice!
Hi, I was wondering how you could make the dark theme the default theme on launch
Hello, rahulvbrahmal!
You need to open this file ‘template/src/redux/reducers/themeReducer.js’ and change ‘theme-light’ to ‘theme-dark’ at line: 7.
Best regards!
