Hi there,

Could you please tell me which layout are you using?

By default, in 1st and 2nd layouts all sidebars except detached fills 100% of page height regardless inner content. For detached sidebar and sidebars in 3rd, 4th and 5th layouts – pretty difficult to make them 100% height, but may i ask you why do you need it to be full height? From UX point of view, would be better to hide it at all if there’s no content

Thanks

Hi Kopyov, Thanks for your answer.

It’s indeed layout 3 with sticky left sidebar. I’m using it as a booking summary with a wizzard form. So basically at each step of the wizzard form I’m adding a

Hi,

Yes please, do send and i’ll take a quick look, perhaps i’ll be able to suggest you a better way My email is e.kopyov[at]gmail.com

Thanks

Hi

Unfortunately this option isn’t available at the moment. This menu is based on CSS only – by default it’s hidden and when you hover on parent list item, children dropdown menu becomes visible, very simple solution which works in all browsers and doesn’t require custom code.

In your case you need to switch from CSS to JS solution and either add some delay triggered on mouseleave or add custom JS code to toggle 2nd menu level on click.

First solution is pretty basic as well and easy to implement, but for click functionality – it is possible, but requires some JS tweaks in app.js file. Will look into this option when i’ll be working on mmenu integration.

Thanks

Hi.

Datatables adds a new cloned table for table header, which adjusts column widths dynamically based. You can use 2 options: fire a simple resize event when sidebar toggle button is clicked or use columns.adjust() from Datatables API:

    // Scrollable datatable
    var table = $('.your-table').DataTable({
        ...
    });

    // Resize event
    $('.sidebar-control').on('click', function() {
        $('.your-table').resize();
    });

    // Datatables API
    $('.sidebar-control').on('click', function() {
        table.columns.adjust().draw();
    });

Thanks

Hello

Could you please tell me which uploader are you using – bootstrap file upload, dropzone or plupload? Just checked AJAX Upload example of BS File Uploader – all good, i don’t see any issues with greek characters.

Thanks

I have the version of all files before 4-5 months i purchased this theme. Perhaps there are some updates i haven’t. I tried to your demo and works fine. I have to download new updated version of your theme and check again. Sorry for any inconvenience.

Yes, i’d suggest you to always keep your version of Limitless up-to-date, because in each update i check and upgrade plugins to the latest stable versions.

Thanks

Progress! I can now open and close the panels which is great but they are all open by default despite having class of panel-collapsed – I tried setting the panel body to class hidden but the toggle is no longer able to open it

Figured it out – in case anyone else has the same issue I also needed to add the below into the AJAX loaded file and it is all now working

  $('.panel-collapsed').children('.panel-heading').nextAll().hide();

Yeah, right – you can also add this line to rotate arrow when panel is collapsed by default:

$('.panel-collapsed').find('[data-action=collapse]').addClass('rotate-180');

Thanks

is there any elearning stuff in the new update?

yeah, a few general pages – instructors, categories, courses, course detailed

Awesome ! Thanks

Hi,

I have removed that option, because if one of the steps has 800px height and another one has only 100px, you’ll get a huge empty area of 700px with buttons that are far off at the bottom. If you want to set a fixed height, you can easily do it with CSS:

.wizard > .content {
    min-height: 250px;
}

Change 250px to any value which you think is best for your wizard content area.

Let me know please if that worked out.

Thanks

it does work. Thanks for your prompt response.

You are always welcome. Let me know please if you have any other questions.

Hi,

Unfortunately i can’t send you an archive via email, because file size is too big for email.

Please try to unpack the package with 7Zip or Winzip software. Sometimes it happens with built-in tools, but with third party software always solves the issue.

Sorry for inconvenience.

Thanks

Hey

There are 3 ways how you can change main colors:

1. Simply add one of the color helper classes from color system (for example bg-slate) to:

<div class="sidebar sidebar-main">
    ...
</div>

and

<div class="navbar navbar-inverse">
    ...
</div>

But available colors don’t have #2e2e2e; value. However you can easily add a new variable or change one of the existing one.

2. Replace 2 variables in LESS files and recompile 4 main files – go to assets/less/core/variables/ folder and open both variables-custom.less and variables-core.less files.

In variables-core.less find variable @navbar-inverse-bg and change its value to #2e2e2e;

In variables-custom.less find variable @sidebar-dark-bg and change its value to #2e2e2e;

After that re-compile your less files and you are done.

3. Manually override background colors directly in CSS:

.navbar-inverse {
    background-color: #2e2e2e;
    border-color: #2e2e2e;
}

.sidebar {
    background-color: #2e2e2e;
}

Let me know please if that worked out.

Thanks

Thanks, prob go with method 3 which file do I need to add the code into ?

Hi,

I’d suggest you to create 1 new css file, let’s say custom.css, and include it after all core css files. This option allows you to keep your code a bit more structured (your overrides are in separate file) and you won’t have any problems with template updates.

Thanks

Hey Jason

Just tried to setup an example and finally got it working. Here is a sample – i’ve used “Checker inside label” markup and added a form to it with ”.form-to-submit” class and submit button:

<form action="#" class="form-to-submit">
    <div class="form-group">
        <div class="label-indicator">
            <input type="text" class="form-control">
            <span class="label label-block password-indicator-label" />
        </div>
    </div>

    <button type="button" class="btn btn-info generate-label">Generate 12 characters password</button>
    <button type="submit" class="btn btn-primary">Submit</button>
</form>

And here is a JS bit:

$('.form-to-submit').on('submit', function() {
    if($('.label-indicator input').passy('valid')) {
        alert('valid')
    }
    else {
        alert('not valid')
    }
});

Basically what it does is when you click Submit button and form submits, passy checks if input field has a valid value or not.

Hope this helps.

Thanks

Awesome, I can’t thank you enough for this and a great theme!

Hi,

I think you need to add processing option to your table configuration. And here is a processing event if you want to show custom indicator.

Thanks!

Hey

Thanks for purchase!

You can find Starter kits inside /starters/ folder located in layout_*/LTR/default/ folder. Each layout and theme has its own starter kit.

Please let me know if you have any questions.

Thanks

Thank you. I’m really sorry I did not see it by myself. Maybe the doc can be updated to show the new file organisation, but it is minor that there are probably much more important things to do. Thanks again

No worries! Just checked documentation – you are right, there’s a wrong screenshot, didn’t update it last time. Will fix in upcoming update.

Thanks!

Hi Gleyson

Very sorry for late reply.

Unfortunately i’m not an expert in Angular so i can’t help you much i’m afraid.

As far as i know, you can use native Angular versions of Select2 and Datatables.

Stand alone Angular version of Limitless will be added in one of the next updates.

Thanks!

Hello

Of course, but you need to initialize tooltip when Steps is initialized. Simply re-init tooltip inside onInit event:

$(".selector").steps({
    ...
    onInit: function() {
        $('[data-popup="tooltip"]').tooltip({
            container: 'body'
        });
    }
});

and use same markup as for default tooltips.

Thanks

Hello,

There is a small bug with responsiveness in current version – on small screens table overflows the content.

To fix this issue, add this bit of CSS:

@media (max-width: 768px) {
    .fc-view-container {
        overflow: auto;
    }
}

This fix will be added in upcoming update as well.

Thanks

Hi,

Working on it, still have some things to do. Should be available shortly.

A lot of new pages – blogs, contacts, cards, sitemap, mail, about, ecommerce, services, job search etc. And almost all plugins and libraries will be updated to the latest stable versions.

Thanks

Sounds great!!! thank you!

Hey,

In Documentation – Plugins – Extensions – BlockUI. Basically you just need to change icon class name in message option.

Demo code you can find in assets/js/pages/components_loaders.js file. Direct example:

    // Light
    $('#spinner-light').on('click', function() {
        var light = $(this).parent();
        $(light).block({
            message: '<i class="icon-spinner spinner" />',
            overlayCSS: {
                backgroundColor: '#fff',
                opacity: 0.8,
                cursor: 'wait'
            },
            css: {
                border: 0,
                padding: 0,
                backgroundColor: 'none'
            }
        });
        window.setTimeout(function () {
            $(light).unblock();
        }, 2000);
    });

Thanks

Hello,

Yes, just replied back. Thanks

Good morning, i trust you are okay.. Can you check your email please, i send you a mail with two emails, just to be sure you recieve this, as its very important..

Cheers

Looking forward to you reply

Hey,

Just replied back to your email. Please check.

Thanks

Hello,

Datatables has an option to add Navigation with text input using Input plugin, it does exactly what you need – adds an input field to pagination.

I didn’t add it yet, but i do want to include examples of all available Datatables plugins in the next update.

Thanks