Hi.

All plugins are presented in the documentation – some of them include options and use examples, some linking to official websites. For sweet alerts you can open plugins_notifications.html#sweet page of documentation, it does have all options and initialization explained.

In short:

1. Add path to plugin after jquery and bootstrap

2. Create custom.js file and load it on your page after app.js file

3. Open newly added custom.js file and place in there all plugins configurations – sweet alerts, other plugins and js code.

4. You can refer to js files located in assets/js/pages/ for configuration examples.

In your particular case, to launch Sweet Alerts, you need to do the following:

1. Add path to plugin:

<!-- Load plugin -->
<script type="text/javascript" src="assets/js/plugins/notifications/sweet_alert.min.js"></script>

2. As an example, add a link with class=”sweet_success” attribute to your markup

3. To open alert on link click, open custom.js file and place init code for it:

// Success alert
$('.sweet_success').on('click', function() {
    swal({
        title: "Good job!",
        text: "You clicked the button!",
        confirmButtonColor: "#66BB6A",
        type: "success" 
    });
});

That’s it. This is a standard logic behind all jquery plugins.

Documentation includes all necessary descriptions, explaining almost all features and functionality. If you find it difficult to understand, feel free to contact me for help.

Thanks

Ok, I’ve found it. But It would be much more useful if working demo were together with the documentation! It is difficult in this way! Now I can see the working demo in one of layout examples and then I have to go look in documentation! Furthermore in layout and documentation you’ve used different names! For example about the SweetAlert in layout I can found it in “Components-Modals” and in documentation it is under “Plugins-Notifications”! For this reason I was not able to find it

Hi

Well, i may assume that Modals, Bootbox extension and Sweet Alerts library are all “Notifications” or “Dialogs”. As well as PNotify, jGrowl and Noty. But all of them have different purpose and different placement, together with configuration options. That’s why they are grouped differently in documentation and template.

As being said, all jquery plugins use 1 common logic and way of working. I can’t describe in documentation all the aspects of use and the very basic stuff, such as html tags, how plugins and extensions work, how plugins are connected to the library etc. assuming developers who will work with the template already know basic things.

Documentation describes how to modify and compile styles, template structure, layout parts, components, all plugins with different configuration options and links to Github and plugin websites. It may not have the same structure as template.

Also, if you have any difficulties getting plugins to work, you can always check out plugin website, they always have “Getting started” section with all necessary info.

If you have any questions or issues, just let me know and i’ll help you out with nearly everything.

Thanks

Hey!

Will be up and running tomorrow, just cleaned up my bitbucket repositories, everything will be moved to github tomorrow morning. Let me know please your github username, here in comments or email me to e.kopyov[at]gmail.com

Thanks

Thanks

This works with the same logic as checkboxes. If you have created custom.js file, you also need to place 1 or more configs for datatables (depends on configurations). No need to use any files from assets/js/pages/ directory, they are mostly for demo preview with multiple examples. So it you have multiple tables with the same functionality, you need 1 setup added to custom.js file, for example:

// Table setup
// ------------------------------

// Setting datatable defaults
$.extend( $.fn.dataTable.defaults, {
    autoWidth: false,
    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': '?' }
    },
    drawCallback: function () {

        // Initialize uniform in callback
        $(".styled").uniform({
            radioClass: 'choice'
        });
    }
});

// Datatable init
$('.datatable-basic').DataTable();

So give your tables class=”datatable-basic” and they all will work as expected.

Please notice that if you want to use any plugin such as styled checkboxes, you need to initialize them in drawCallback callback. Example above already contains it.

Thanks

I can’t seem to get it to work. Would you be able to look through my files if i sent it to your mail ?

Sure, send them over to e.kopyov[at]gmail.com. Thanks

Didn’t receive your email yet

Solution working fine. Thanks! Perfect support.

You are always welcome!

Hi,

I will try to include page kit for emails (reading, writing, list) in the upcoming update. The next one which will be out in March will include a lot of new pages, such as blogs/news/job listings/portfolio/etc.

The next one will include some modifications, improvements, new features, material design themes and 2 new layouts.

Thanks

Hey,

Unfortunately no, Limitless doesn’t have any specific calendars for RTL versions. However all datepickers and calendars support RTL direction and can be easily translated into your language.

Thanks

upcoming updates will be in week time or months ?

For Angular it’s a couple of months, i am waiting for BS4 stable version release, until then i will be extending layout options and functionality.

Thanks

Thanks for the quick response.

Hey,

Unfortunately i can’t take any custom work at the moment. Besides i am a front end developer, so i can’t really help you much with server side integration. I’d suggest to hire some experienced developer for this part of job.

Thank you!

Hey.

Of course, all updates are free and have no time limits. Also they don’t depend on support period.

Thanks!

Hello,

Yes, Summernote will be updated to version 0.7.4 in upcoming update. Current version doesn’t support video. Sorry about that.

Thanks

Hi,

There are 2 different configurations for single and multiple selects. Single select is default, to use multiple selects you need to specify 2 options:

// Multiple selection
$('.listbox-no-selection').bootstrapDualListbox({
    preserveSelectionOnMove: 'moved',
    moveOnSelect: false
});

Thanks

This parameter is not’datatables.min.js’, I’m not using ‘datatables.min.js’

Oh, in this case remove class=”table-responsive” from table’s parent container. This is a default Bootstrap responsive table functionality.

Thanks

okay, thank you

Solved, my mistake.

No problem, I think you needed to add .dropdown-submenu-left class to change position.

Thanks

I create a new PHP file Dreamviewer CS4, copied the content. When i included this file, everything is fine. I created the file (has problem) in dreamviewerCC2015. I know it’s silly but that’s it.

Hey.

That’s weird, I think there was a typo somewhere or extra symbol, so it counted default 20px vertical spacing from that symbol. If it was solved by creating a new file with the same content, might be something else. anyway glad it was solved this easy way

Thanks

Never mind, I figured it out with setTimeout(). Thanks

Hey,

Yep, right, just wanted to write the same You can use setTimeout() function for custom delay, for unblocking you can use “timeout” option.

Thanks!

Hi.

Current floating button doesn’t have any specific Material design features, such as shadows, menu and animation. You can of course easily position it yourself if you need just a button, but i’d suggest to wait for the next update, there will be a complete Material theme with extended floating button functionality, something like this.

Thanks

Hey. Thanks for the info. I will start with the plugin you linked to and waiting instantly for you Februar update to switch to “native” theme functionality

Okay great, thanks!

Hi,

I’d love to, but Envato doesn’t allow me to include any items from other categories for free: email templates, html templates etc. When i’ll have more time, i will try to create something and give it away for free to Limitless users, but the highest priority at the moment is Limitless itself.

Thanks!

It would be really great. We’ll waiting for additional templates.

Thanks!

If so can I manage to collect data for bookkeeping from my clients?

Hey,

Limitless is not a ready-to-use application, it’s just a base that developers can use for app development. So in theory yes, you can use it, but you need a developer to create a fully functional application for you.

Thanks

Hi,

As far as i know Steps wizard doesn’t support this feature, because the whole wizard is 1 form and each step is automatically created from form’s fieldsets. So when you switching between steps, you are just changing fieldset views.

However like in Validation example, you can use multiple set of events to achieve something similar to what you need: “onStepChanging” (fires before the step changes), “onStepChanged” (fires after the step changed), “onFinishing” (fires before finishing).

I am not an expert in php, so unfortunately i can’t help you much with data manipulation. Just want to give you a hint where to start and what to dig.

Thanks

Hi, Thanks for the reply. I’ll take a look at onStepChanging: I’m guessing it would need to be something like.

// Async content loading
    $(".steps-async").steps({
        headerTag: "h6",
        bodyTag: "fieldset",
        transitionEffect: "fade",
        titleTemplate: '<span class="number">#index#</span> #title#',
        labels: {
            finish: 'Submit'
        },
        onStepChanging: function (#reg-form) {
             var data = $(this).serialize();
             $.ajax({
                   type : 'POST',
                   url  : 'populate_db.php',
                   data : data
              });
         });

        ...then the rest of the function ...

Before it goes on to load the next remote content page. That might work. Thanks for your help. Really love the template.

Hi,

Yep right, might work this way. Thank you!

Thank you!