2227 comments found.
Eugene can you please check if there is a quick fix to make the footer HIDE on mobile devices ? (I corrected the non-unique class as you mentioned before)
http://demo.interface.club/limitless/layout_4/LTR/default/layout_footer_fixed.htmlHi
What do you mean by HIDE on mobile device? You want it to be static on mobiles instead of fixed?
If yes, open assets/less/bootstrap-limitless/navbar.less file, find this bit:
// Make navbars static on mobile
@media (max-width: @grid-float-breakpoint-max) {
.navbar-fixed-top {
position: static;
}
}
and change it to:
// Make navbars static on mobile
@media (max-width: @grid-float-breakpoint-max) {
.navbar-fixed-top,
.navbar-fixed-bottom {
position: static;
}
}
And recompile your less files. This should do the trick
yes it makes the footer similar to the top bar – thank you …
always welcome 
Hi!.
Of course, pretty easy to do. To change color, open variables-custom.less file (assets/less/core/variables/) and find this bit: //** Bottom border color for inputs (v. 1.3) @input-border-highlight-color: @color-teal-500;
i can’t found that file in v. 1.6.. Thanks.
Hi
Are you sure you’ve checked the correct location? This file is one of the main less files and it exists in all layouts – assets/less/core/variables/variables-custom.less
Please check again
My bad..
thanks
No worries, let me know if you need any help.
Is there a way to maximize a panel?
Nope, not in a current version. You can implement that yourself – toggle some class on panel and make that panel 100% width and height and position: fixed; and this should do the trick.
thank you – do you think this can be implemented? https://codepen.io/lukezak/pen/rVZMgv
yes, this is exactly what i have mentioned in the previous comment 
HI. I am reviewing the user login sections. Do you provide a My-SQl database or is there a preferred way of managing it with your platform?
Cheers
Hi
Nope, its a static HTML template and doesn’t include any server side integrations. So i’d say it’s up to developer to decide what language/technology/Databases would be more suitable for specific requirements, sorry
Thanks
I am trying to run both the popups and the modals on the same page I added all the JS and styles but the modals do not start (tooltips work)....The code:
<!-- Global stylesheets -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
<link href="assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
<link href="assets/css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="assets/css/core.css" rel="stylesheet" type="text/css">
<link href="assets/css/components.css" rel="stylesheet" type="text/css">
<link href="assets/css/colors.css" rel="stylesheet" type="text/css">
<!-- /global stylesheets -->
<!-- Core JS files -->
<script type="text/javascript" src="assets/js/plugins/loaders/pace.min.js"></script>
<script type="text/javascript" src="assets/js/core/libraries/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/core/libraries/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/loaders/blockui.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/ui/nicescroll.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/ui/drilldown.js"></script>
<!-- /core JS files -->
<!-- Theme JS files -->
<script type="text/javascript" src="assets/js/plugins/notifications/bootbox.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/notifications/sweet_alert.min.js"></script>
<script type="text/javascript" src="assets/js/plugins/forms/selects/select2.min.js"></script>
<script type="text/javascript" src="assets/js/core/app.js"></script>
<script type="text/javascript" src="assets/js/pages/components_modals.js"></script>
<script type="text/javascript" src="assets/js/pages/components_popups.js"></script>
only Programmatic dialog boxes and Sweet alerts WORK
I am using fixed header…
all fixed now….overlooked the modal containers…
Hi
Do you see any JS errors in your console?
Please do not use any pages from assets/js/pages/ folder, they are for demo purposes only and contain quite a lot of examples of different plugins used on specific page.
Thanks
no errors – will take your advice – pls comment on the fixed footer question above..
In addiction to the above 2 questions I noticed that the FIXED FOOTER (http://demo.interface.club/limitless/layout_4/LTR/default/layout_footer_fixed.html ) does NOT open on mobile devices – can you check it?
Hi
Both fixed navbar and fixed footer are not fixed on mobiles, UX wise it’s a bad practice to decrease scrollable area on small screens and since footer and navbar are using the same component with min height of 46px, scrollable area isn’t this big.
You can fix that yourself in navbar.less file, but i would strongly recommend to leave it as is.
Thanks
Oh sorry about that, there’s a bug with duplicated ID’s! Thanks for pointing this out.
In footer navbar please change navbar-second to something else, now it toggles top navbar because of 2 identical id’s. Will be fixed in upcoming update.
Also my bad, sorry – footer IS fixed on mobile, but not top navbars. Need to find a proper solution here.
Thanks
I tried navbar-second2 and it did not work….
can you provide a quick fix for this as we need the fixed footer as TOP PRIORITY for the active project
There are 2 references to “navbar-second” in the footer:
<div class="navbar navbar-default navbar-fixed-bottom">
<ul class="nav navbar-nav no-border visible-xs-block">
<li><a class="text-center collapsed" data-toggle="collapse" data-target="#navbar-second"><i class="icon-circle-up2" /></a></li>
</ul>
<div class="navbar-collapse collapse" id="navbar-second">
....
</div>
</div>
The first one is a link to target (data-target=”#navbar-second”), second one is container ID (id=”navbar-second”). You need to change both
I change it to navbar-third and footer still does not expand when I click on it on the phone…
Can i see your code somehow?
sure….I pasted it here: https://jsfiddle.net/yjdh5vhp/
You had a typo in footer id – “nanavbar-third” instead of “navbar-third”, here is an updated code – https://jsfiddle.net/yjdh5vhp/1/
great – thank you for your fast help – so all should be working fine right now? no fixes necessary for the fixed top and bottom bars?
I’ve checked only bottom fixed navbar, which should work fine now. If you didn’t see any issues in both top navbars, should be fine as well 
yes thank you – please check the iframe scrolling question above – need to find a way to make it scrollable inside your panels…
I need to add that the fixer footer can be opened on phone now but it does not hide when scrolling on phone…
Hi Love your framework its ace! I’m using the full calendar advance (drag an event onto the calendar) which works fine, I need to include an id value with each event any thoughts if its possible to include a variable thats passed in the
Hi
You can try Event Source Object, getEventSourceById and getResourceById, these should to the trick.
Thanks
This iframe is of 1300 px wide and should be scrollable horizontally on smaller screens – can this be achieved? I also need much wider iframes to be horizontally scrollable on desktop monitors (inside a panel)...
This class makes the whole page scrollable – not the panel itself:
.panel.has-scroll {
max-width: 100%;
overflow-x: auto;
}
Iframes will preserve dimentions on all screens – just need to scroll them horizontally.
Hi
You might want to check this 
.panel.has-scroll adds a scrollbar to the panel only if panel content overflows panel itself.
If you are not trying to embed external files, i’d strongly suggest to use ajax instead of iframes.
Thanks
I can also use large images instead of iframes and these need to be horizontally scrollable…there is a very strong reason for iframes…can you suggest how to make a panel scrollable?
The iframe is 2000 px wide – it must overflow a planel – instead it adds the scroll bar to the entire page…not panel itself
please see example with the iframe https://jsfiddle.net/x9q85q75/
Here is a quick solution – https://jsfiddle.net/vurvnx39/2/
Thank you Eugene – will let you know how it goes..
I recently purchased your wonderful template – I wanted to ask if the MATERIAL is identical in functionality to the DEFAULT templates? Would you recommend MATERIAL for mobile/desktop development over DEFAULT ?
no need to answer this….we decided the flat design (DEFAULT )
Default is more classic, while Material is more modern and not everybody likes it. So i’d go for default one 
Thanks
Can you change the colors?
Can one edit the colors of this template?
Hi
Of course, all colours can be changed in less files or variables.
Thanks
Can I use the dark sidebar and top nav bar colors on the material layout? How can I do that?
removing sidebar-default class and removing bg-indigo classes?
Removing those indeed gives me dark colors, but not the same as the default themes?
Hi
Default colors in default and material themes are different. You can simply change less variables (@sidebar-dark-bg in variables-custom.less and @navbar-inverse-bg in variables-core.less) and recompile your less files.
Thanks
Hi there,
I am using the basic data table in my sample project (http://demo.interface.club/limitless/layout_2/LTR/default/datatable_basic.html)
But the drop down menu is firing without the CSS.
Here is a sample output http://imgur.com/a/Zf3jI
Cheers, Mel
Hey Mel
Which version of Limitless are you using?
In 1.6 i’ve added default styles for select, so it should have default input height.
For custom select styling, you need to use Select2 plugin, which is used in Limitless as a default feature for Datatables length menu. Looks like you didn’t include it.
Thanks
I am using the latest version
Try to re-download the package and replace CSS files from the last update, i’ve pushed another one right after 1.6 release to fix DT length menu select styling if Select2 isn’t used. Or use Select2 for styling.
Thanks
okay, I’ll try
Hello! Have a Limitress “kanban drag and drop”? For Example: https://codepen.io/ettrics/pen/QbPEeg
If No, can you add to Limitress? It a very popular bord for work!
Hello
I don’t have any plans for this kind of components, but it can be easily added to the current structure – drag&drop is already implemented (Dragula extension), default 12 columns grid, panels as draggable blocks. Thanks for suggestion anyway, I’ll consider it for future updates.
Hello,
I have a problem with datatables data sources & datatables select. first of all how to fetch each page of an ajax datatable via ajax and not load all the data in one go? because I have thousands of rows of data and it would slow down the system .
second How to fetch the selected rows ? how to know which is selected with checkbox ? because the table doesn’t have <input> tags as the first column and it generates it with icomoon .
the first one is very important. and by the way how to say to the datatable how many rows in total I have to view and link the required page numbers down the datatable ? Also how to activate order-ability for the columns ? it does not work now ?
Thanks a lot for the help
Hey
1. You might want to use Server side processing.
2. To get selected items, you can check out this example.
3. Not sure i understand what you mean. How many rows you have selected or how many rows your table has?
4. Ordering is enabled by default, please check your console for JS errors that block this feature.
Thanks
Hi Kopyov,
1. is it possible to add some sliding effect to elements: for example in layout 5 top bar > when click on user icon (avatar) i want to open submenu with some effects (for example slide down or zoom effect or effects from velocity animations or css animations) , or in responsive mode (mobile) header menu open with sliding effect and other elements … (i want to develop some frontend pages)
2. does material design have different versions? because some element effects are different in different templates
Hey
1. Yes, it is possible, you can use velocity.js (works with any element) or animate.css (where CSS animations are available) libraries. You can check content animations using velocity library on this page.
2. Nope, should be similar in all layouts with a few minor exceptions. What differences do you see?
Thanks
1. i will try
2. not different in your layouts, i said different from other themes (not limitless), for example: in material when you click a button then a circle highlight follows that click , in some other websites this effect is slower and sharpen than limitless buttons (as i think), is these items editable? and globaly is there different versions of material at all? Thank you …
i think the material button effect name is “waves effect”, is it editable?
Hi
Well first of all – material design is made specifically for mobile apps. It’s pretty difficult to fully replicate material design in web apps, because you need to write quite a lot of custom CSS and add third party plugins.
Limitless is using legitRipple plugin for wave effect and it supports customization options, just check out that page.
Thanks
Thank you
Hi Kopyov,
What Icomoon package do you use on your template?
I’m asking because I thought it was the Ultimate but I noticed that some icon suffixes aren’t present so maybe it’s another pack.
Thanks.
Hi
It’s a custom selection from Ultimate and a a few more sets. If you need a selection.json file, shoot me an email to e.kopyov[at]gmail.com
Thanks
short question – I need to trigger BOTH the tooltip (on hover) and modal (on click) from an icon – this is possible?
Yes, it is possible. Please refer to Bootstrap documentation for more information about default components.
I am also interested in mmenu – do you think ti would be hard to implement it on our own?
As already being said, mmenu requires quite a lot of changes in template structure and styling. If you have enough experience in less and understand the template and how it works, it won’t be too difficult, but will require some development work.