2227 comments found.
Hi!
1) How is it possible to use together optionstimePicker: true and singleDatePicker: true with daterangepicker.js? The goal is to build date time picker but on using
$('.selector').daterangepicker({
singleDatePicker: true,
timePicker : true
})
result is https://gyazo.com/b07b74b791187fd3a2cefb0316b959c7
2) How is it possible to use together .mega-menu with inner bootstrap multiselect (or any other input using bootstrap dropdown component) ? Now after opening mega menu click by inner dropdown triggering closing mega menu
Hey,
1. Confirming – a minor bug, to fix please open daterange.less file, located in assets/less/components/plugins/pickers/, go to line 57 and replace:
// And remove floats in single picker
&.single {
.ranges,
.calendar {
float: none;
margin-left: 0;
margin-right: 0;
}
}
with:
&.single {
.calendar {
float: none;
margin-left: 0;
margin-right: 0;
}
// Hide range menu
.ranges {
display: none;
}
}
And re-compile less. This should fix the problem, will be included in the upcoming update.
2. Bootstrap doesn’t allow you to use dropdown inside dropdown, but this solution might give you a hint on how to implement it 
Thanks!
are U guys planning to switch to Bootstrap 4.x eventually ?
@edit. I found an answer : )
Yes, definitely, but when stable version will be available for download 
Thanks
not soon then : |
Unfortunately yes, i just think that using alpha version in a real project is a risk, because you will need to update the library when BS dev teal pushes a new update. I will also need to track all the commits and bug fixes and push an update every time they come up.
Hello, thanks for the awesome UIKIt.
I have a question regarding the panels. Is it possible to have the panels be collapsed by default, and when user toggles collapse/expand the panel, an event will be triggered.
Hello,
Yes, you can collapse panel by default just by adding .panel-collapsed to panel container.
If you want to trigger an event, you might need to do a few tweaks, because it uses a simple jquery’s .slideToggle() method. You can find the code in app.js:
//
// Panels
//
// Hide if collapsed by default
$('.panel-collapsed').children('.panel-heading').nextAll().hide();
// Rotate icon if collapsed by default
$('.panel-collapsed').find('[data-action=collapse]').addClass('rotate-180');
// Collapse on click
$('.panel [data-action=collapse]').click(function (e) {
e.preventDefault();
var $panelCollapse = $(this).parent().parent().parent().parent().nextAll();
$(this).parents('.panel').toggleClass('panel-collapsed');
$(this).toggleClass('rotate-180');
containerHeight(); // recalculate page height
$panelCollapse.slideToggle(150);
});
So in theory, you can attach any of available options, but i don’t know if you want to run it only once or every time the panel collapses/expands.
Thanks
Thanks for the fast reply. I will have a list of panels. I hope the events to be run every time the panel collapses/expands. I’m hoping I can hook the events somewhere and the events will be called when things happen.
I’m hoping I can hook onCollapse, onUncollapse, onReload, onClose events, and they will be called when these things happen.
Or maybe these things are not the responsibilities of these UI library. Instead, I have to do them on a case by case basis.
Understood, you can try something like this:
$panelCollapse.slideToggle("150", function(){
if ($(this).is(":visible")) {
// do something when toggled
}
else {
// do something different when not toggled
}
});
Or use set of options:
$panelCollapse.slideToggle({
duration: 150,
complete: function() {
// do stuff when complete
},
done: function() {
// do stuff when done
}
});
Or use callback:
$panelCollapse.slideToggle("150", function(){
// do stuff when animation ends
});
You can also try to implement bootstrap collapsible plugin (or accordion with id target), it does the same, but not that flexible as jQuery .slideToggle()
Thanks
Thank you for the sample code. That’s exactly what I was looking for. How about the reload and close event callbacks?
For reload – it uses BlockUI extension, so you can use onUnblock() callback, the code is also in app.js file
For remove button – it’s a simple jQuery’s .remove() method, the logic is the same as for collapsing:
$panelClose.slideUp(150, function() {
$(this).remove();
// do stuff when removed
});
Thanks
Thank you!
Always welcome, let me know if you have any other issues
Hello !
Oups, it seems I have a problem on the view form_checkboxes_radios.html. When I don’t want to use switcher colors, but only a default switcher for example, I have this on the firefox console :”TypeError: this.element is null” on switchery.min.js. Ok, I remove this js, but I have “ReferenceError: Switchery is not defined”. So in all cases, when I want to use any Switchery toggles on a page, js of this page don’t work…
Hello,
If you want to use 1 example, you need to use a single config for it:
// Switchery
// ------------------------------
// Initialize multiple switches
if (Array.prototype.forEach) {
var elems = Array.prototype.slice.call(document.querySelectorAll('.switchery'));
elems.forEach(function(html) {
var switchery = new Switchery(html);
});
}
else {
var elems = document.querySelectorAll('.switchery');
for (var i = 0; i < elems.length; i++) {
var switchery = new Switchery(elems[i]);
}
}
Assuming you are using form_checkboxes_radios.js file as well. This file also contains initializations for other switchery examples, as well as bootstrap switch and uniform. Simply remove code pieces needed for other examples and keep the code mentioned above; or create a new custom.js file and use it for your custom js code.
Thanks
Waouhhh thanks a lot for this very quick reply ! It works 
Always welcome, let me know please if you have any other issues 
Want to make sure the code is all only HTML, JS, CSS, Jquery and perhaps json. Is this correct – hope there is no PHP and other language
Hi I just want to make sure this template has only html, css and js jquery no PHP other programming skills needed. Perhaps json knowledge required. Right?
Hello,
Yes, it is a static HTML template. Json files are very simple and mainly used for demo data. But there is no any dependency on any files, just HTML/CSS/jQuery. And yes, LESS files for styling.
Thanks!
hi we are eagerly waiting for the new updates and landing pages with login
Hey,
I know, i know, doing my best to get it eventually done as soon as possible
Should be ready very soon!
Thanks
Helo Kopyov. I recieved a licensed limitless, and I have been working on it. First try to use checkbox, i have had a problem:
Using this css and JS:
<!- Global stylesheets ->
<link href=”https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900” rel=”stylesheet” type=”text/css”>
<link href=”{{PMEDIABASEWEB}}/assets/css/icons/icomoon/styles.css” rel=”stylesheet” type=”text/css”>
<link href=”{{PMEDIABASEWEB}}/assets/css/bootstrap.css” rel=”stylesheet” type=”text/css”>
<link href=”{{PMEDIABASEWEB}}/assets/css/core.css” rel=”stylesheet” type=”text/css”>
<link href=”{{PMEDIABASEWEB}}/assets/css/components.css” rel=”stylesheet” type=”text/css”>
<link href=”{{PMEDIABASEWEB}}/assets/css/colors.css” rel=”stylesheet” type=”text/css”>
<!- /global stylesheets ->
<!- Core JS files ->
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/plugins/loaders/pace.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/core/libraries/jquery.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/core/libraries/bootstrap.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/plugins/loaders/blockui.min.js"></script>
<!- /core JS files ->
<!- Theme JS files ->
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/plugins/forms/styling/uniform.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/plugins/forms/styling/switchery.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/plugins/forms/styling/switch.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/core/app.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/plugins/ui/nicescroll.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/pages/form_checkboxes_radios.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/pages/layout_fixed_custom.js"></script>
If my code doesen’t include all checkboxes from demo as follows, the JS have an error, saying then ‘this.element’ not found. Try to use your Layout 1/LTR/form_checkboxes_radios.html, delete all HTML code for switchery, then you will see the JS error.
To avoid error, I must to include this disabled in my main page:
<label> <input type=”checkbox” class=”switchery-primary” checked=”checked”> Switch in primary context </label> <label> <input type=”checkbox” class=”switchery-danger” checked=”checked”> Switch in danger context </label> <label> <input type=”checkbox” class=”switchery-info” checked=”checked”> Switch in info context </label> <label> <input type=”checkbox” class=”switchery-warning” checked=”checked”> Switch in warning context </label>Thanks.
Hello,
The file you are using – form_checkboxes_radios.js – includes different configurations of 3 plugins: uniform, bootstrap switch and switchery toggles. If you remove some containers with specific class names from your HTML, you need also to remove example configuration from form_checkboxes_radios.js file. Basically all files located in assets/js/pages/ are for demonstration purposes only and might be useful, if you want to use specific configuration. So in your case i suggest you to do the following:
1. Create 1 new file – custom.js
2. Open form_checkboxes_radios.js and copy desired plugin initialization config to that custom.js file
3. Include custom.js to your head after app.js file
4. Please do not use files from assets/js/pages/ directory, if you don’t want to use all plugins initialized in there.
I will include this information to documentation in upcoming update, to make things more clear and will think over the structure of demo files. Sorry about that
Thanks!
Ok, thanks to your help !!
You are always welcome 
Hey, 1) I was trying to modify index.html page but when i am removing some that are effecting other part of page e.g. i am removing “Marketing campaigns” part of page then it is effecting on “Hours available Progress”.
2)”Traffic sources”, “Sales statistics” & “Daily sales stats” Charts are not working on Google Chrome.(Live Demo is working properly)
Hey,
1. If you remove something from html code (chart container), you need to remove chart configuration in dashboard.js file as well, because you are trying to initialize a chart in container, that doesn’t exist, that’s why if you check your console, you’ll see a JS error.
2. These charts load remote files with data, due to browser security reasons, you can’t do that locally, you need to use http:// instead of file:///. Just place files to your local or web server and all charts will be working as expected.
Thanks!
Dear author,
Thank you, I’ve just purchased your kit.
On hindsight I would like to put another email address for the (updates) notifications. For the purchase I have now put my email address.
Is it possible to change it?
Have a nice day,
Gian
Hello,
I think would be better if you contact Envato Support, because this is more related to your account setup. As far as i know you can change your primary email address, but i am not sure that you can add another one for notifications only. Better contact them and describe your situation.
Thanks for purchase!
Dear madam, sir, I work for the European Research Council Executive Agency (ERCEA) in Europe, Belgium.
The ERCEA (erc.europa.eu) gives grants to innovative frontier research and is non-profit.
I am interested to use your limitless template for our internal web portal. Our users are not charged to use this portal.
Can you please confirm that the price is indeed 24 dollar?
Thank you, have a nice day,
Hello,
Yes sure, Regular license in your case is totally enough since you don’t charge users and use in internal project.
Thank you for your interest!
Hi Kopyov! I really love your theme. Before I buy though, there are a couple of questions I would like to ask: 1. When is the next update coming out? 2. Is there an Angular version? 3. If there isnt an angular version, how hard is it to transform a plain html to angular? Im a newbie developer, but I really want to try a single page app with your template + angular. Thanks for your time!
Hello,
1. Working hard on it, i can’t tell you an exact day of release, but should be out very soon. I planned to push it before March, but stuck with some components, so had to move release date to early March.
2. Not yet, for now it’s a static HTML only. Angular version will be added in April/May for all layouts
3. It shouldn’t be that hard, there are a lot of different tutorials and video courses available for free, for example this one, also angularjs has extensive documentation, channel on youtube, a quick tutorial etc etc.
Thanks!
Couple things you should add. 1 – Table header with searchbox [inc. label and button] and show items, jump to page select menu [inc. label]. 2 – Table footer with select menu [inc. label and button]. Currently 1-st one is available only if you use datatable js. 3 – Bordered form.
Hi.
You can easily add these components to static tables just by replacing plain text with selects and pagination, in some cases you can also use colspan and rowspan to get a single row with pagination.
Bordered form – thanks for suggestion, will be added in the next update along with different variations.
Thanks
I mean something like this http://i68.tinypic.com/33k80lh.png
Aha understood, Will definitely consider this functionality for the next update.
Thanks!
I checked your admin theme. It has sooo great features, just WOW but… the design is so dissapointed. Color, styles and typography are very old fashioned
Pitty…
Hi,
Thanks for your feedback.
Well, unfortunately i can’t satisfy everyone and i can’t predict what design will be in trend after release. This template uses Material design color palette, Roboto font from Google and comes with several predefined layouts. You can always adapt styles according to your needs and design preferences. This is not the end product, it’s just a base that gives you a lot of options in terms of styling and functionality.
Thanks.
Well. that is what I am trying to see now if I can adapt it to my needs. First of all I want to know if its easy and possible to change the header (top) height without breaking the responsive. Also i want different color on the header (left) with logo and different on the right. And a small hint: change font to https://www.google.com/fonts/specimen/Montserrat and it will have a great improvement at least in typography.
Of course, it’s fully built on LESS, so changing styles isn’t that hard, you don’t need to hard code CSS in order to override styles that are already overridden 
To change page header height, you need to change vertical padding of page title, it doesn’t have a fixed height. So you won’t break responsiveness in any case.
To use 2 different colors in the navbar, you’ll need to do a couple of tweaks to get navbar header 1px bigger, to change background color you can either add one of color helper classes (bg-teal or similar) or specify background color in LESS for it.
Of course it has some limitations, but it can give you a room for experiments, a lot of layout options are already integrated.
Montserrat – i think it’s up to users. It does look good in headings, but i didn’t want to load additional font just to use it in headings. If you want to use it, you can easily add it yourself within 2 minutes.
Thanks
Just purchased. Going to give it a try 
Thank you for purchase! Let me know if you need any help or have questions 
Thanks!! Please let me know how can I get support? Ticketing, forum, email or what?
Better to use ticksy – https://kopyov.ticksy.com/ or you can email me directly to e.kopyov[at]gmail.com, whatever works best for you.
Hello Kopyov,
How are you? Sorry for disturbing you again.
I am using one of the page http://demo.interface.club/limitless/layout_1/LTR/search_images.html for my website. Somehow “search” and “Pagination” is not working. Could you please help me with this.Thank you for your support.
Regards, Kepin
Hello Kepin,
This page is just a view, means static html page with static elements, it doesn’t have any server side integration and isn’t a fully working app. You can use it as a base for your search results page, pagination and search field are static elements. For example, if you already have a search functionality, you can integrate this page to your search engine and give it a look and feel of general app style.
Thanks!
Hello Kopyov,
When will you release new updates? I am waiting. 
Hello there.
Soon, still working on it. Stuck with material theme, but almost there. Will make an announcement here in comments when i’ll be sure about the date.
Thanks!
Can I see the documentation first?
Hi,
Unfortunately i don’t have any documentation online, a part of it you can find on template pages, where core layout features are described.
Also it includes descriptions of all plugins/extensions, usage examples and available options; template and files structure; less files compilation guide etc etc.
Please, email me to e.kopyov[at]gmail.com, so we can sort something out with it.
Thanks
hey how i can change the font?
Hi,
Very easy – open file core-variables.less, located in assets/less/core/variables/ folder; find @font-family-sans-serif variable and change font family to whatever you want. After that re-compile your less files.
Also remove this line from your pages:
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
to avoid loading unnecessary files.
Thanks
thank you
Always welcome, let me know if you have any other issues.
Thanks
Hey Dude!
First : Happy Birthday afterwards
Any news regarding the Update ??
Cheerz
Daniel
Hey there,
Thank you! Not yet, still in development, but i am very close
It’s going to be a huge one, so working hard to get it done as soon as possible.
Thanks!
Hello,
Thanks for this wonderful theme ! I am very happy with my purchase.
Question : I would like to use the task-grid and task-list pages using the view mode on the grid page, bud without re-loading pages and datas….. But task-grid use divs and task-list use tables tags. So, I don’t know how to do that. If you have an idea…
Thanks
Hello,
Hm, list view uses datatables for ability to filter and display entries and can be dynamic, while grid uses custom blocks and responsive grid. So i’m afraid i can’t suggest you anything in here about switching between views, because it’s just a view option, besides they are using different components (selects, date picker etc.) as well.
Both were designed to use one of them, but not both at the same time. You can try to remove columns with selects and date pickers from table and use 2 different markups with the same content, like to copy content from the grid and place it inside table columns, this might work.
Thanks!
Hi,
Ok, thanks for your support. I am going to examine this solution.
Regards 
Hi,
Great, let me know please if you’ll have any questions regarding styles.
Thanks!