226 comments found.
Hello,
How can I set the container-fluid class elements to span 100% of the height of the parent div ?
Hi, you can try this .h-100
Hello, is there a proper documentation in using datatable in angular 2? My data is coming from a rest api with paging parameters.
there’s a bug in chrome, the left navigation show’s tick scroller. Should it be using the slim scroller?
Hi, thanks for your feedback, we will fix this on next update.
Hey Nate, i need some help with datepicker.
I want the input box to be focused automatically when i go to it using tab, so that i can just type the date, rather then using mouse/keyboard to select date,month and year. But it wont even open on going when using tab button, it doesnt open until i click on it. Even if i open it on (focus) event, i want the focus to be on the input box, and not on the datepicker.
I want the datepicker to open but but focus to remain be on the input, so that i can type. Same behaviour can be seen in html demo form-elements.html
Can you help?
function setFocusToInput (){
document.getElementById("myInput").focus();
}
Hi is it possible to create child theme to prevent overwrite custom changes during updates? Thanks
Yes, you can create your own custom css in a separate file.
Can i use this template with subdomain? I have a client with divisor by subdomain and i need suggest this template for her.
Yes, sure you can.
Hello!
I’m a UI Designer and my client uses your theme. I’m wondering if you provide a file (png, pdf, .ai, ...) with the exclusive iconography, ‘cause it’s quite not good to have to document all the icons with screenshoots, for prototypes.
Thank you!
Hi, please drop us an email which we can send you the source files.
You can send it to larissa.silva@softplan.com.br . Thank you very much!
Hi, apologize to informed that we have lost our svg source file of this icon pack, we are only able to provide the rendered web fonts.
Scrollbar not working in side-panel, i have the same structure as your code.
<div class="side-panel">
<div class="side-panel-wrapper bg-white">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item active">
<a class="nav-link" href="#newAppointment" role="tab" data-toggle="tab">
<span>Schedule New Visit</span>
</a>
</li>
<li class="panel-close">
<a class="side-panel-toggle" href="javascript:void(0);">
<i class="ti-close" />
</a>
</li>
</ul>
<div class="tab-content">
<div id="newAppointment" role="tabpanel" class="tab-pane fade in active pdd-horizon-10">
<app-custom-component></app-custom-component>
</div>
</div>
</div>
</div>
i removed this `[ngClass]=”{‘side-panel-open’ : openSidePanel}” ` from top most div, as it was not showing up in preview
Hi, try to add this to your css
.side-panel .side-panel-wrapper .tab-content, .side-panel .side-panel-wrapper .tab-content .tab-pane {
overflow-y: auto;
}
Some part of the div is hidden at the bottom,it is inside the bottom, i think its equal to the height of the header. Also, in your chat demo example this doesn’t happen. How can i make it look exactly like your chat demo?
As long as your .tab-content come along with overflow-y: auto;, the your content will be scrollable.
Hi. I am thinking of getting this theme. Please provide me the following information according to the Angular version
jQuery used? How well structured is the app? authorization implemented? Any Table CRUD implemented
Thanks
Master-detail scroll is not working in full-container class, like email of the demo app. I was the master-list to not scroll with the rest of the content (just like the email view of the demo app). But it is not working properly, even with perfect-scrollbar
Hi, do you mind to send us your code, this may us to figure out the issue.
Please give me your email_id, so that i can send you the code.
<div class="full-container">
<div class="email-app">
<div class="email-wrapper row">
<div class="email-list" style="background: #f5f5f5">
<div class="email-list-tools no-pdd" style="background: white;">
<div>
<div class="row no-mrg pdd-vertical-10 d-flex flex-row align-items-center">
<div class="pdd-10">Dr. XYZ</div>
</div>
</div>
<div class="border-top pdd-vertical-10 font-size-11 d-flex flex-row justify-content-between align-items-center flex-fill">
<div class="d-flex flex-row align-items-center pdd-horizon-10">
<div class="icon-holder pdd-horizon-5">
<i class="ti-plus" />
</div>
Queue
</div>
<div class="d-flex flex-row align-items-center pdd-horizon-10">
<div class="icon-holder pdd-horizon-5">
<i class=" ti-calendar" />
</div>
Today
</div>
</div>
</div>
<perfect-scrollbar class="email-list-wrapper">
<div class="list-view-group-container" i="" of="">
<div>
<div class="row d-flex flex-row align-items-stretch" style="margin:10px;background: white">
<div class="col-3 border-right pdd-horizontal-10 pdd-vertical-10 d-flex flex-row align-items-center">
<div class="font-size-11">
{{ time }}
</div>
</div>
<div class="col-9 pdd-horizontal-10 pdd-vertical-10">
<div>{{ name }}</div>
<div class="font-size-11">{{ type }}, {{ rollNo }}</div>
<div class="font-size-11">{{ description }}</div>
</div>
</div>
</div>
</div>
</perfect-scrollbar>
</div>
<div class="email-content d-flex thisHeight">
<router-outlet></router-outlet>
</div>
</div>
</div>
</div><\pre>
I have just remove `margin-left:250px` of email-wrapper. Other than that all the css class is same as yours
Hi, we just copied your code and tested at our work space, perfect scroll-bar is work perfectly. Did you import PerfectScrollbarModule to your module ?
Yes i did import perfectScrollbarModule to my module, the problem is not caused by perfect-scrollbar, it is working fine, but when i add the contents to ‘email-content’ (where i have written <router-outlet>) it makes the whole page scroll, instead of only email-content. Please Try putting lot of radom data instead of <router-outlet></...>, and check if it works as it should.
Hi, please try this, it might fix the issue.
<div class="email-content">
<div class="email-content-wrapper">
<div class="email-content-detail">
<router-outlet></router-outlet>
</div>
</div>
</div>
Thanks man!
Do you have an update ETA on next release?
Hi, most probably will be April or May.
Hi – Can I please see documentation? Interested in purchasing myself
Hi, you can send us a mail, we will reply you with the documentation file.
textarea rows attribute not working when class=”form-control” is given. What is the way to have form-control styling along with rows attribute
Hi, textarea with form-control comes with a min-height property, if you wanna control control it by row attribute, you remove min-height from this class.
Alright. Thanks!
This theme looks really good , and seems to have all that i need. But id like to see some documentation
Hi, please drop us a mail, we will reply you with the documentation.
...
844218c5-dc4a-4f1e-836e-b967748e48e4 My purchase code
I am trying to follow your instructions on installing the Espire template.
On your instructions Docs V1.2.0 – Command it says to Install node_modules. “Navigate into the work folder which contain “Gruntfile.js”, run the following command and wait for it to finish: npm install.
There is no work folder containing Gruntfile.js in the Angular 7 starter folder.
Hi, grunt is for angular 1 version. For angular 7, you just need to run ng serve after npm install.
Hi there,
We are a startup from India, & our product requirements more or less matches with the components in this theme. We need help creating the UI layer. The wireframes, & photoshop designs are ready. If you guys can provide customization service, please let us know.
We’d be happy to discuss the costs involved.
Thanks!
Hi, unfortunately that we didn’t offer theme customization service, but we will provide advise when you encounter any related issue. Thanks!
Hi, It is great if you add new to do list detail page. Thanks 4 your product.
Thanks for your appreciated, we will consider to add this page.
We downloaded lastest source code and run the application,wizard form css is not coming as per your demo link,How to download latest Angular 7 code
Hi, try to rerun npm install, please let us know if the styling is still missing.
Hi there, this is just to let you know that Espire is featured in our latest roundup post on Tuts+ 15 Feature-Packed Bootstrap Admin Templates. Great job!
Thank you so much for your appreciated.
Hi, Do you have plans to release a version of template with horizontal menu instead of sidebar?
Hi, temporary we have no plan to implement horizontal menu, but we will consider to add it in future.
