Discussion on Limitless - Responsive Web Application Kit

Discussion on Limitless - Responsive Web Application Kit

By
Cart 13,880 sales
Well Documented

Kopyov supports this item

Supported

This author's response time can be up to 5 business days.

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

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?

I send you a message explaining the situation.

I send you an email can you check it

Replied back

Hello We have noticed a bug with the ckeditor when running on Firefox. If you maximize the editor, then minimize it again it seems you won’t be able to click on sidebar elements. http://demo.interface.club/limitless/layout_1/LTR/editor_ckeditor.html Please let us know if you are planning a fix and when.

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.html

Hi

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

Hi. I love your template. But, I got problem on datatable. here is the screenshoot http://prntscr.com/9qqmwk how can I fix that. the original page work perfectly, but when I implement it to serverside I got problem like the picture above. this is my script
$.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

Hey,

Remote source option is deprecated in current Bootstrap version and will be completely removed in v.4.0. Instead, you can try something like this – using jquery’s .load()

Let me know please if that worked out for you.

Thanks

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>

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?

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/4Gt1UZ7EuJarjlxClPvwB3Zusvksiy

Understood, 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

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey