226 comments found.
Hi there! I am getting a problem with Task Board! When i drag off all the tasks from a task board, then i am not able to add any task in that (empty) task board. Please help me out of this.
Hi, try to add style min-height: 30px to your task board id, this might is fix the issue.
Do you plan to release new update? When & what it will be?
Hi, it will have an update that focus on enhancement around March or April, Stay tuned!
Hello,
I’ve noticed the invoice page isn’t responsive. Is there a fix in the works?
Kind Regards,
Hi,
thanks for you inform, we will fix this in next update.
Regards
Hello,
Is there an ETA for the next update?
Hi, next update will release at next month.
Dear Author,
Facing issue . Find the below screen shot.
C:\Users\Pc>npm install -g grunt-cli C:\Users\Pc\AppData\Roaming\npm\grunt -> C:\Users\Pc\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt + grunt-cli@1.3.2 added 152 packages from 122 contributors in 9.206s
C:\Users\Pc>npm install -g bower npm WARN deprecated bower@1.8.4: We don’t recommend using Bower for new projects. Please consider Yarn and Webpack or Parcel. You can read how to migrate legacy project here: https://bower.io/blog/2017/how-to-migrate-away-from-bower/ C:\Users\Pc\AppData\Roaming\npm\bower -> C:\Users\Pc\AppData\Roaming\npm\node_modules\bower\bin\bower + bower@1.8.4 added 1 package from 1 contributor in 7.398s
C:\Users\Pc>npm install -g @angular/cli C:\Users\Pc\AppData\Roaming\npm\ng -> C:\Users\Pc\AppData\Roaming\npm\node_modules\@angular\cli\bin\ng npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\@angular\cli\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {os“} (current: {os“})
+ @angular/cli@7.2.1 added 294 packages from 178 contributors in 29.954s
C:\Users\Pc>npm install npm WARN saveError ENOENT: no such file or directory, open ‘C:\Users\Pc\package.json’ npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN enoent ENOENT: no such file or directory, open ‘C:\Users\Pc\package.json’ npm WARN Pc No description npm WARN Pc No repository field. npm WARN Pc No README data npm WARN Pc No license field.
up to date in 2.902s found 0 vulnerabilities
I am interested on this template, but i would like to see the code structure first, or at least folder/files structure so that i can see if it is easy to modify or not. A screenshot of the folders and files structure would be fine.
Hi, please send us a mail, then we will reply u with the documentation file.
Hi, there is something wrong with toggle-control label position. Label is under the button.
Hi, may i see your code?
Since <label> inside is for some styling purpose, so we suggest to place your text outside the div.
<div class="toggle-checkbox checkbox-inline toggle-sm mrg-top-10">
<input type="checkbox" name="toggle1" id="toggle1" checked>
<label for="toggle1">Some Text</label>
</div>
<label for="toggle1" style="height: 20px; vertical-align: top;">Sample Text</label>
Did you notice on mobile browser when user try to scroll left SideNav menu, main content of the page (under the menu) is scrolling too.
Hi, we will try to add a fixed backdrop behind the SideNav at next update, to prevent this ux issue. Thanks for your feedback.
Hello! Thanks, for your work. It’s really cool! How to change default font color (grey) to black?
Hi, you can config all the styling in assets/scss/_variables.scss
Sorry, i think, i don’t understand something.
Your advice doesn’t help me 
I changed for example $default-text-color in _variables.scss to black, but nothing happened.
I have tried to change some colors in app.css – same result, nothing happened. (Html/Jquery version)
Hi, you need to run grunt sass on your terminal to compile it into css.
Hello, thanks for Espire, good job. I use jquery 3.3.1 in project, but espire use v.2.2.1. So SideNav toggle button and dropdown menus doesn’t work.
Do you know which string in you code doesn’t support jquery v.3.3.1?
Hi, are you using Angular & HTML version ?
Hi,
I wanted to understand your css & scss files structure & how you have implemented them in detail. I looked at the documentation you have provided. It explains about the few ready to use css classes but it doesn’t have any information about the files in assets/css & assets/scss.
Can you explain the structure of these classes?
Just wanted to bring this to your attention:
- You have mentioned .pdd-20 class for padding 20px. But it doesn’t exist in the code base. ( Angular 7 folder)
Otherwise theme looks great!
Hi,
in assets/scss directory, you can see several folders, each folder contained related css.
- apps – specific class for apps module
- common – template related & helper class
- elements – shareable ui component class
- plugins – plugin override class
- _variables – constant css
All of them has imported to app.scss, at the end, it will be compiled into a single css file and inject to your project.
If you are looking for details about helper classes. you can take a look on assets/scss/common/_helper.scss file.
Hope this can help.
How can I set the window to fit to the browser height? Right now it seems like main-content div is fitting to the content height.
You can try to use css view height, e.g
.element {
height: 100vh;
}
Thanks, that works. There’s an example in _email.scss as well.
Is there a way to disable the left menu (side-nav) expand? So it will be always closed.
Hi, you can apply is-collapsed class to <div class="app" />. tag
like this? It doesn’t seem to work.
Hi, add is-collapsed class beside app class.
<div class="app is-collapsed" />
.is-collapsed .side-nav {
width: 0px;
}
this hides the sidebar completely. I don’t want to hide it, just to make it in ‘closed’ sate all the time. In other words, I want only the state with icons, without the state with the labels.
Hi, in this case scenario, you can try to remove line: 378 ~ 433 in _side-nav.scss, then compile it to css.
that’s not enough, side nav is still opened on hover.
If line: 378 ~ 433 in _side-nav.scss was removed, side nav will not expand when hover, make sure you added is-is-collapsed as well.
Hi, When I run grunt build, it says: Warning: Unable to read “app/assets/images/.DS_Store/” file (Error code: ENOTDIR). Used—force, continuing.
If I run grunt build—force the result is not what I expect. there are no images and the style is not the same as in grunt live. Could you help me please? Thank you
Hi, may i know is it you are using Mac device?
Yes, I’m using Mac device. Is that a problem? I have tried to find this file showing the hidden files but I cannot find it.
Hi, you can try to delete the .DS_Store file in your images folder.
I have tried to delete that file, but then there are a lot more warnings related with assets/images folder. For example: Warning: Unable to read “app/assets/images/logo/favicon.png/” file (Error code: ENOTDIR). Use—force to continue.
(the favicon.png image exist and it is located in that directory). What’s more, if I force the build, there are issues with javascript files too.
Is there any other method to generate the build? Thank you
Hi, maybe you can try open Gruntfile.js and included the DS_Store path to copy task (start from line.92).
I cannot solve doing this. I have unzipped again the source code without changing a single line of code. I have done “npm install” and “bower install” (inside the angular/demo) folder, and again I get:
Warning: Unable to read “app/assets/images/avatars/thumb-1.jpg/” file (Error code: ENOTDIR).
This is weird, did you tried on others PC?
Hi, I’ve just tried it on a Linux machine (Ubuntu). I’m getting the same error:
Running “copy:dist” (copy) task Warning: Unable to read “app/assets/images/logo/favicon.png/” file (Error code: ENOTDIR). Use—force to continue.
When I install bower comonents, it asks me for which version I want. I always choose the espire one. Maybe is related to this?
Hi, can you please send us a email, we will reply you with a modified file, maybe you can try to run the project with this.
Hi,
I’m using your template and I have an issue with a calendar. When you’re using: addEvent = function(calendarOptions) { calendarOptions.events.push({ ... It refreshes event list, but not calendar. I was trying a few ways to refresh calendar, but without success, could you support me?
Hi Team, i was looking for purchasing this template. But, i noticed that there is an issue with scroll bar in the menu. The scroll bar is not appearing in the live preview site given. I am not able to attach a screenshot here. But, i think u can also verify once
Hi, we are using a scrollbar dependency to make the scrollbar semi visible, this will make the Ui looks better.
Hi, thanks for the reply. But, as of now, it’s not even semi visible if I resize the window in live preview. Am I missing something?
Hi, guess it was an error in Angular 7, we will fix this issue as soon as possible, thanks for your feedback.
Hello friends, how can I add the sidebar and the header in another project from scratch?
I appreciate the help!
??
Hi, basically you need to write a html & css for your element.
Hi,
I’m using the HTML version of this template, is there any documentation on how to include all the JS functions? I can not find any info on how to use noty for instance…
Thanks!
Hi,
this is the official documentation of noty.js: https://ned.im/noty/#/ you can refer this for their api.Regard
Is there a way to upgrade my existing Angular 6 version based on Espire to Angular 7?
Hi, basically you can just copy package.json to your project & rerun npm install.
Do we get a separate template for angularjs and angular or will both come in the same template? Also, do we get any atarter project?
Yes, angular version is separated and comes with a demo and starter folder for developers.
Do you plan to add new sample pages? When?
Next update will release within next few months.
