2227 comments found.
Hi, I am working with datatables scroll. Is there a way to make the scrollY (vertical scrolling) auto, rather than a specific height? I would like the height to be dependent on the bottom of the window. Thanks!
Hi,
You can try combination of:
scrollY: $(window).height(),
scrollCollapse: true
or play with $(window).height(), you can exclude components or top offset, scrollCollapse will collapse table to match number of rows, so table won’t have a full height.
Thanks
Hi, Does the next release will be out soon?
Hi,
Can’t tell you for sure at the moment. I am currently working on Material version of all layouts and 2 new layouts. I believe it will be out somewhere in February.
Thanks!
Hello Dear ,
I have no idea why i keep having a scroll (y-axis) even i have no long data how i can fix that please .
here a snapshot https://gyazo.com/a3c6fe144774889b424e64ab389b7ad6
Hey,
What version are you using? This issue was fixed in latest 1.2.1 version, here is a quick screenshot from live preview.
Thanks
ok i got it my version is 1.2 not 1.2.1 .. but the project is already deployed can you tell which file can fix the problem so i can just replace it please ?
You can try to replace app.js file, as far as i remember this should fix the problem.
Let me know please if that worked out. Thanks
i did but doesnt work i had to do some really quick work around by adding this line inside the containerHeight() method
availableHeight = availableHeight – 40;
This is something what was changed in app.js, but with calculations of component heights. You can follow the changelog in documentation, there is a complete info about what files need to be changed.
Thanks
Please delete, my fault.
Hi, great theme!
Is there a way to disable the function where right positioned heading elements in a panel collapses when viewing on sm og xs viewport?
Thanks in advance
Hi,
Unfortunately not at the moment – it is possible to disable .heading-elements container from collapsing, but all components inside are placed inside media queries and visible only on md- and lg-.
I already got a couple of requests regarding this feature, so i will try to implement it using some class, for example .ignore-on-mobile, which will prevent elements container from collapsing.
Thanks
Hello Kopyov, I was wondering if there’s a way to add elements to the breadcrumb after initializing it. The reason of this is cause I have 3 layouts, header, footer and the main content. I have the breadcrumb on the header layout but it’s static and I want it to be dynamic and change as the main content layout change. Is there’s anyway to do this?
Hello,
Well, it depends on your project’s code and language. You can attach links to your pages and use page name (page title) as a text label, and use project root url as a starting point for the links target. It totally depends on your app code.
Thanks
I’m still working with the breadcrumb hehe, anyway how can I change the style of the length menu in the datatables?
Since mine looks like this: http://imgur.com/foDCzfN and not like the ones you have in your examples of datatable
Did you initialize Select2 plugin? This select use Select2 plugin, you need to add somewhere this piece of code:
// Enable Select2 select for the length option
$('.dataTables_length select').select2({
minimumResultsForSearch: Infinity,
width: 'auto'
});
By the way, you don’t have a “Purchased” badge, may i ask you where did you get the template? 
I send you a message explaining the situation.
I send you an email can you check it
Replied back
Hello,
Thanks for pointing this out. To fix this issue, you need to remove 1 line in editor_ckeditor.js file:
// Attach editor to the area
var editor3 = CKEDITOR.inline('editor-inline');
This is an extra code which inits inline editor twice. This appears only in demo and doesn’t affect other examples.
Will be removed in upcoming update.
Thanks
Hello Kopyov, There is a way to add a PLUS on Table rows to hide/open more details?
Take a look here: http://www.keenthemes.com/preview/metronic/theme/admin_1/table_datatables_responsive.htmlHi
This extension is already implemented – Responsive Datatables. To see a plus icon, resize window& Also it appears when columns don’t fit the table width.
Thanks
Hi, little problem with jQuery UI.
1) Open ../layout_1/LTR/jqueryui_components.html
2) Default modal dialog – Click “Launch”
3) Drag the form at top page
4) The form is lost.
Thanks a lot, Spino
Hey Spino,
Yep, unfortunately it’s a known jquery ui Draggable bug. Somebody got it fixed by removing containment from dialog:
$.ui.dialog.prototype._makeDraggable = function() {
this.uiDialog.draggable({
containment: false
});
};
But seems like it appears quite often. Will track a workaround for it to add in the template.
Thanks
Okay. Thanks for your support.
Bye! Spino
$.extend( $.fn.dataTable.defaults, {
autoWidth: false,
columnDefs: [{
orderable: false,
width: '100px',
targets: [ 5 ]
}],
dom: '<"datatable-header"fl><""t><"datatable-footer"ip>',
language: {
search: '<span>Filter:</span> _INPUT_',
lengthMenu: '<span>Show:</span> _MENU_',
paginate: { 'first': 'First', 'last': 'Last', 'next': '?', 'previous': '?' }
},
drawCallback: function () {
$(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').addClass('dropup');
},
preDrawCallback: function() {
$(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').removeClass('dropup');
}
});
var oTable6;
oTable6 = $('#datatablekategori').DataTable( {
oLanguage: {
sProcessing: LoadingIMG
},
processing : true,
"bSort": false,
"serverSide": true,
"bInfo": true,
"bDeferRender": true,
"sScrollX": false,
"bScrollCollapse": true,
"bAutoWidth": false,
"ajax": baseUrl+"process/datatable.php?getDataKategori=true&token_id"+textRand,
"order": [[ 0, "desc" ]],
"fnCreatedRow": function( nRow, aData, iDataIndex ) {
$(nRow).attr('id', 'list'+aData[0]);
var index = iDataIndex +1;
$('td:eq(0)',nRow).html(index);
return nRow;
}
});
thank you.
ps: sorry for my bad english
Hey,
First of all check if you initialized Select2 plugin after datatables config and your console for js errors.
If all good, try to init select2 in “preDrawCallback” or “drawCallback” callbacks:
preDrawCallback: function() {
$(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').removeClass('dropup');
// Enable Select2 select for the length option
$('.dataTables_length select').select2({
minimumResultsForSearch: Infinity,
width: 'auto'
});
}
Left me know please if that worked out. Thanks
wow… great. it’s work perfectly. thank you. I really appreciate you help.
You are always welcome 
hi
i have a problem in form wizard > form-validation > Submit
Submit button don’t working with php MVC
please you can help me
code: <form class=”form-validation” action=”” method=”post”> <fieldset class=”step” id=”validation-step1”>1 Basic information Enter the basic information of the word
<label>Select location: </label> <select name=”location” required data-placeholder=”Select position” class=”select”> <option></option> <option value=”cms”>Control management system</option> <option value=”site”>Web Site</option> </select> <label>KEY WORD ID: </label> <input type=”text” name=”key” required class=”form-control” placeholder=”KEY_WORDS”> <label>Image:</label> <input name=”image” type=”file” class=”file-styled”> Accepted formats: png, icon. Max file size 200Kb <label>Icon Code:</label> <input type=”text” name=”icon” class=”form-control” placeholder=”glyphicon glyphicon-eyes”> Accepted formats: “icon-nameicon, fa fa-nameicon, glyphicon glyphicon-nameicon” </fieldset> <fieldset class=”step” id=”validation-step2”>2 Your languages insert languages key words
<label>Arabic </label> <input type=”text” required=”” name=”ar” class=”form-control” placeholder=”?????? ?????????”> <label>English </label> <input type=”text” required=”” name=”en” class=”form-control” placeholder=”key wored”> <label>Turkish * </label> <input type=”text” required=”” name=”tr” class=”form-control” placeholder=”anahtar kelimeler”> <label>Kurdish</label> <input type=”text” name=”ku” class=”form-control” placeholder=”glyphicon glyphicon-eyes”> <label>Spanish</label> <input type=”text” name=”es” class=”form-control” placeholder=”palabras clave”> <label>Chinese</label> <input type=”text” name=”cn” class=”form-control” placeholder=”???”> <label>Portuguese</label> <input type=”text” name=”pt” class=”form-control” placeholder=”palavras-chave”> <label>Russian</label> <input type=”text” name=”ru” class=”form-control” placeholder=”???????? ?????”> <label>Persian</label> <input type=”text” name=”ir” class=”form-control” placeholder=”???? ???? ??”> <label>French</label> <input type=”text” name=”fr” class=”form-control” placeholder=”mots clés”> <label>German</label> <input type=”text” name=”de” class=”form-control” placeholder=”sleutelwoorden”> </fieldset> <fieldset class=”step” id=”validation-step3”>3 Notes insert directions about this key word
<label>Notes:</label> <textarea name=”description” rows=”4” cols=”4” placeholder=”this word for web site” class=”form-control”></textarea> </fieldset> <input class=”btn btn-default” id=”validation-back” value=”Back” type=”reset”> <input class=”btn btn-default” id=”validation-next” value=”button” type=”button”> <input class=”btn btn-info” id=”validation-next” type=”submit” name=”submit” value=”submit” > </form>Hi,
I believe the problem is on your part, because markup is correct – a standard form with fieldsets and submit button, static example of your code submits form correctly. I am not familiar with MVC, so i can’t help you much unfortunately. So please check your code once again, the only thing i can confirm is that static HTML version of your form wizard with validation works and submits form correctly.
Thanks
Hello,
There is a little bug with Fullcalendar on Firefox. There is always a vertical scrollbar : http://nas.teleric.net/~erwan/tmp/limitless_fullcalendar.png.Thanks for reporting, should be an issue with box sizing that FF displays a bit strangely.
Open file fullcalendar.less (assets/less/components/ui/), go to line 645 and try to remove this code:
.fc-view-container * {
&,
&:before,
&:after {
.box-sizing(content-box);
}
}
Quickly tried and seems to be working fine. Will include this fix in the upcoming update.
Thanks!
Thanks for the quick fix
Hi! I’m not sure if your Limitless is supported on .net mvc development. I’d like to use it in a DNN module. Thank You!
Hi,
Limitless is a static html template, so basically it should be supported everywhere where html is a base. However i can’t tell you for sure, because i am not familiar with .net framework.
Thanks!
plupload.queue.min.js
views: {
list: true,
thumbs: true, // Show thumbs
active: 'thumbs'
},
Hello, no effect.
Hi.
Queue widget doesn’t support thumbs functionality, only jQuery UI widget does.
Thanks
Hi,
I am looking to use the Limitless web application kit and I was wondering if there are layered PSDs with this kit?
Thanks, Doug
Hi,
The template was designed directly in the browser, so at the moment there is no any PSDs available. But i’m going to add a full set in the next updates.
Thanks!
Hi Kopyov,
how can I call a modal windows and into it load a page php with ajax?
thank you
Hello, may I ask, how do I deal with it like this.
<div class="content-wrapper" style=" width: 1000px; margin: 0 auto;">
<table class="table table-hover J_table">
<thead>
<tr>
<th width="80">#</th>
<th>th1</th>
<th>th2</th>
<th width="150" class="text-center">th3</th>
</tr>
</thead>
<tbody>
<tr>
<th width="80">1</th>
<th>th1</th>
<th>th2</th>
<td class=" text-center">
<button data-id="2" class="label label-info J_edit">edit</button>
</td>
</tr>
<tr>
<th width="80">1</th>
<th>th1</th>
<th>th2</th>
<td class=" text-center">
<button data-id="3" class="label label-info J_edit">edit</button>
</td>
</tr>
</tbody>
</table>
</div>
<input type="text" name="keywords" class="form-control J_keywords" />
<button type="button" id="J_destroy">destroy</button>
<script type="text/javascript">
$(function(){
$('.content-wrapper').on('click', '.J_edit', function() {
var id = $(this).data("id"), el = $('.J_keywords');
$.getJSON("http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=?", function(data) {
console.log(id)
if (id == 2) {
el.val("val01,val02,val03,val04");
} else {
el.val("val11,val12,val13,val14");
}
el.tagsinput({
allowDuplicates: false
})
});
})
})
</script>
Hi,
to deal with what?
Please be more specific. Assuming you want to replace values on button click? If yes, you can do this way:
$.getJSON("http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=?", function(data) {
console.log(id);
el.tagsinput({
allowDuplicates: false,
itemValue: 'text'
})
if (id == 2) {
el.tagsinput('removeAll'); // clear you tags list
el.tagsinput('add', { id: 1, text: 'val01' }),
el.tagsinput('add', { id: 2, text: 'val02' }),
el.tagsinput('add', { id: 3, text: 'val03' }),
el.tagsinput('add', { id: 4, text: 'val04' })
}
else {
el.tagsinput('removeAll'); // clear you tags list
el.tagsinput('add', { id: 1, text: 'val11' }),
el.tagsinput('add', { id: 2, text: 'val12' }),
el.tagsinput('add', { id: 3, text: 'val13' }),
el.tagsinput('add', { id: 4, text: 'val14' })
}
});
Let me know if that what you are looking for.
Don’t know can see understand
???????????????????????????????????? tagsinput?
???I understand, thank you, I just want to replace, only one replacement? There is no time to initialize tagsinput.
I am sorry, but i don’t understand what you mean. If you need to replace only once, you can remove el.tagsinput('removeAll'); // clear you tags list from if or else statement, depends on your needs. Also please check plugin website for more configuration options.
Thanks
Okay, thank you
“Tag Inputs” In “modal” inside There is conflict?class=”close”
Thank you for informing me, as i see there is a top margin issue, that is overridden by close button inside modal body.
Will be fixed in upcoming update. Thanks!
Hi, I’ve got a search form using the Multiple Select options in form_select2.html. You can see the form we built here: http://digeratiwebcrafts.com/inreco_ui/project/tracks-search.php.
My question is when 1/multiple selections are made, the select options themselves are not “selected” as seen in Inspect Element. Can you tell us how the programming can know which options are ‘selected’ so that its sent when the form is submitted?
Hey,
Currently off the computer, but as far as I understood your question is how to get selected values? If yes, please check advanced examples of Select2 selects on forms_select2.html page, there is an example how to set and alert selected values.
If not, I’ll be back tomorrow morning and help you out.
Thanks
Yes.. my question is how to get the selected values (multi select) so that when the form is submitted, it gets the values selected… I’ve seen the example, but I cannot understand how it’s done. Will you please detail step by step approach in relevance to class names of the <select>, dependant JS files which must e used, button type (we are using type=submit), button class, script location where this is handled… and any other inputs which you I think I can share with the programmers… Request you to please be explicit
Understood, you need to do the following:
1. The only dependency is jQuery library, so you need to include paths to both jquery.min.js and select2.min.js libraries on your page
2. Then you need to add your select with some class, that will be used as a target for Select2 init:
<select multiple="multiple" class="select">
<option value="CA">California</option>
<option value="AZ">Arizona</option>
<option value="CO">Colorado</option>
</select>
3. Now you need to initialize Select2:
$('.select').select2({
placeholder: "Select State..."
});
4. That’s it, now you should get a select2 select working. Now, to get selected values you need to use:
Single select:
$(".select").val();
Multiple select:
$('.select').select2('data');
5. Yes you are right, it doesn’t change selected options on-the-fly in dev tools, because it works a bit differently from usual select and uses a list of links, that are copied from select options on initialization. So to submit selected values, you don’t need to do any extra stuff or run any extra code, just place your select inside form and use standard submit button – original option values from select will be submitted.
<form action="#">
<select multiple="multiple" class="select">
<option value="CA">California</option>
<option value="AZ">Arizona</option>
<option value="CO">Colorado</option>
</select>
<button type="submit" class="btn btn-default">Submit</button>
</form>
Thanks
umm.. we tried what you just said, and we are only getting the last selected value when more than one value is selected…. any ideas where we are going wrong?
Hmm, that is weird. Okay, here is a full code:
<form action="#">
<select name="states" id="states" multiple="multiple" class="select">
<optgroup label="Mountain Time Zone">
<option value="AZ" selected="selected">Arizona</option>
<option value="CO">Colorado</option>
<option value="ID">Idaho</option>
<option value="WY">Wyoming</option>
</optgroup>
<optgroup label="Central Time Zone">
<option value="AL">Alabama</option>
<option value="IA" selected="selected">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY" selected="selected">Kentucky</option>
</optgroup>
</select>
<button type="submit" class="btn btn-default">Submit</button>
</form>
And select2 initialization:
// Default initialization
$('.select').select2();
As a result, values are submitted:
....form_select2.html?states=AZ&states=IA&states=KY
So as you see all selected values are submitted. Thanks
Hi. First, thanks for this framework! Love to work with.
I have a problem with the fixed top bar and footer. On screen size navbar-fixed-top and navbar-fixed-bottom working will. both are fixed and do not scroll. But on mobile view (-xs) only the footer stick on the screen and the top navbar is scrolling. Is there a way / hack to make the top bar also fixed on mobile screens?
Thanks for a short tip 
Hi.
Top fixed navbar has static position on mobiles, because sidebars push content down. Besides i wanted to keep as much working space as possible – for example, if you have both top navbars fixed, there’s very little space at the bottom where you can scroll the page with finger.
There is an option of course to make sidebars absolute/fixed positioned if page has fixed navbar, but it requires a coupe of tweaks in sidebar.less and navbar.less files, but overall it is doable. I will try to manage it somehow in the next update.
Thanks
Thanks for the info. I’ll try to find a solution around it. The navigation in mobile view is not used in my application. I only have static buttons in the slate-BG topbar and this is what we tried to fix.
https://monosnap.com/file/4Gt1UZ7EuJarjlxClPvwB3ZusvksiyUnderstood, I will improve fixed footer as well in the upcoming update, challenge is to remove jQuery dependency in calculating page container height. There is a small issue with footer which will be also fixed in the update.
Thanks