Hey,

You just need to add login-cover class to body and change path to image:

.login-cover {
    background: url(../images/login_cover.jpg) no-repeat;
    background-size: cover;
}

Thanks

Ahaa, understood, thanks.

Unfortunately this is not supported in static version as it’s a pretty specific functionality. I’ll consider it for the next update for sure, but as far as i understand the area of possible usage, that’s pretty easy to do using jquery’s .append() attached to a button click event.

Thanks

please update code T_T

Hi,

Sorry, but I don’t understand. What code do you mean?

Hello,

Must be a data targeting or closing modal issue. Could you please email me the code you are using to e.kopyov[at]gmail.com? I’ll check what can cause this issue.

Thanks

Sent just now, thanks!

Replied back

Hey there,

Yep, this feature isn’t supported by default, because you initialize datatables inside a hidden element. To fix that, you need to recalculate table width manually when tab is shown, here is a current workaround.

Thanks

Hi,

jQuery version that comes with Limitless is v2.1.4, as you can see on demo that both jQuery UI Autocomplete and Typeahead are working fine with this version.

A quick one – have you checked your console when you are using current version? Do you get any JS errors in there?

Anyway, feel free to change jQuery library version to whatever works for you, all plugins are supporting latest versions except Editable forms. Actually that was the reason why i didn’t update jQuery to the latest version in previous update, will try to find a workaround for Editable to work with it.

Thanks

Hi, I have checked in Console, the auto complete is not working (the jquery v2.1.4 is included in layout page), and for the same even by including in each form that is also not working. If you share a email id, i can send the screen shots to you with console message. Thanks a lot.

Of course, my email is e.kopyov[at]gmail.com. Also please send me the code you are using for autocomplete, will check it for errors as well.

Thanks

Hello there,

Just checked both tags input libraries – both working fine, here is a quick screenshot.

Try to load and init tags plugin AFTER wizard, something like:

    // Basic wizard setup
    $(".steps-basic").steps({
        headerTag: "h6",
        bodyTag: "fieldset",
        transitionEffect: "fade",
        titleTemplate: '<span class="number">#index#</span> #title#',
        labels: {
            finish: 'Submit'
        },
        onFinished: function (event, currentIndex) {
            alert("Form submitted.");
        }
    });

    // Tags input
    $('.tags-input').tagsinput();

Let me know please if that worked out.

Thanks

Hi Eugene, sorry for my late replay…. Like you said.. it works… was the loading order of the scripts…

Many Thanks!

Hi there,

Looks like you are initializing Select2 twice. Could you please email me your code to e.kopyov[at]gmail.com, i’ll take a quick look what could be wrong.

Thanks

Hi,

Yes, it will be out in the upcoming update along with around 20 new pages. It’s currently in progress.

Thanks

Hello there,

That’s easy, you just need to do 2 things:

1. Find your checkbox and remove checked=”checked” attribute

2. In your JS code, add this line to disable plugin by default:

// Disable Editable by default
$.fn.editable.defaults.disabled = true;

That’s all Thanks

Hey,

Unfortunately yes, fixed navbar has a static position on mobile, because in current layout structure multiple sidebars push content down, this is the only way you can show multiple sidebars on small screens. In one of the future updates I’ll add a new layout with mmenu, which will make sidebars floating over the content.

Thanks

Hi,

All charts from dashboard are stored in dashboard.js file, located in assets/js/pages/ folder. All of them are based on native D3.js library code.

“Members Online” chart configuration starts from line 2858. Please keep in mind that it uses random data for demonstration purposes and requires some changes in order to use real data.

Thanks

Hi,

Yes, some time ago i’ve discussed a few things with Editor creators and i got a permission to use Editor in live preview only. So basically only CSS will be included in the package, if you want to use it you’ll need to purchase a license on their website.

It wasn’t implemented yet as it requires pretty much work with CSS, i’ll try to do that in the next update.

Table elements – nope, those elements are static, unfortunately there’s no any ready-to-use solution for inline row editing. If you know some nice solution – please share with me and i’ll include it in the next update as well

Thanks

Hi,

Understood, i believe you need to play with RowReorder configuration: there is an option called update, which disables automatic data update when reordering is completed.

Also you can check 2 specific events related to rowReorder extension if you want to do custom stuff when reorder is completed. And here you can check out events in action.

Hope that helps.

Thanks

Hi,

As any other plugin, there’s no any specific requirements. Almost all plugins have a Quick Start sections, where plugin developers describe how to add and use plugins.

So, a quick guide:

1. Download plugin and unpack it

2. Find .js or .min.js file, copy it and paste in any folder inside assets/js/plugins/ directory

3. Add path to this file in your page after bootstrap.min.js and jquery.min.js files, but before app.js

4. Create a new custom.js file and add it after app.js on your page

5. Open this file and add configuration of that plugin, for example:

$('.twitter').alert({
    title: 'Alert!',
    content: 'Simple alert!',
    confirm: function(){
        $.alert('Confirmed!'); // shorthand.
    }
});

6. Add HTML container somewhere you want to use this plugin:

<a class="twitter" data-title="Goto twitter?" href="http://twitter.com">Goto twitter</a>

7. That’s it, now clicking on Twitter button, you initialize alert replacement.

Thanks

Thank for reply Good support

You are always welcome, let me know if you have any other issues.

Thanks

Hello there!

Thank you so much for kind words, truly appreciate!

Of course, best of luck and to be on top of success in your field Let me know if you have any issues.

Thanks!

Hi,

Thank you so much for reporting this issue, overlooked it. The fix is very easy, you just need to remove 1 line of code in fancybox.less file or in your compiled CSS.

In fancybox.less file, remove line 37 inside .fancybox-wrap: left: 0; and recompile your less files.

In CSS, you need to override compiled right: 0; with right: auto;, so your CSS code should look like

// Wrapper
.fancybox-wrap {
    position: absolute;
    top: 0;
    right: auto;
    z-index: 8020;
}

Thanks

Hi,

All pickers support different date and time formats. But could you please point out which one of 5 pickers are you using?

Thanks

Hi,

This summer, can’t tell you when exactly, but in one of the next 3 updates for sure

Thanks

Hi there,

Very sorry for delayed response, traveling this week.

Pretty easy to do both, you just need to add certain options to your datatables configuration and include file fixed_columns.min.js (assets/js/plugins/tables/datatables/extensions) after datatables.min.js on your page. And here is your config:

// Table defaults
// ------------------------------

// Setting datatable defaults
$('#your-table-selector').DataTable({
    dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>',
    language: {
        search: '<span>Filter:</span> _INPUT_',
        lengthMenu: '<span>Show:</span> _MENU_',
        paginate: { 'first': 'First', 'last': 'Last', 'next': '?', 'previous': '?' }
    },
    fixedColumns: true, // this enables left fixed column
    lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]]
});

The last option specifies how many entries you want to show in your dropdown menu – 10, 25, 50, -1 (all). Second part is naming that appears in your dropdown accordingly.

Hope this helps. Let me know if you still have issues getting it to work.

Thanks

Where is the configuration placed? Is it inline on the HTML page inside a < SCRIPT > tag ? Is it in an external file?

I am also trying to add “State Saving” but when I do, I get the same issue, that I am reinitializing the data table.

Is it possible to add the state saving to my current config, which is

table class=”table datatable-button-html5-columns table-hover”

I see that if I have a second class starting with datatable- that I am reinitializing, and I understand that is the problem

But exactly where How do I set this, and again, if I need to make config changes, where are those config changes placed – in an external JS, in an inline script, etc…

Thank you!

It’s up to you where to place this script – inline or in the file, i don’t know the logic and structure of your project I usually create 1 separate file, something like custom.js and place all extra JS code in there. This helps to keep all files and code well more organized.

So i’d suggest you to do the same – create new file, name it custom.js and add it after app.js on your page. Then open it and add the core i’ve shown earlier.

JS error – yes, assuming you’re using datatables_extension_buttons_html5.js file from assets/js/pages/ folder. As stated in the documentation, those files contain multiple examples or different plugins, so please don’t use them in development as they needed for reference only. In your case, you need only 1 example from that file – Column selectors, so copy that config including defaults from that file and place the code in your new custom.js file. Those JS errors you are getting now – you are trying to initialize multiple datatables in containers, that don’t exist.

State saving – you can easily add it just by adding stateSave: true option to the table configuration.

Thanks