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!

1) How is it possible to use together options timePicker: true and singleDatePicker: true with daterangepicker.js? The goal is to build date time picker but on using
$('.selector').daterangepicker({ 
  singleDatePicker: true,
  timePicker : true 
}) 
result is https://gyazo.com/b07b74b791187fd3a2cefb0316b959c7

2) How is it possible to use together .mega-menu with inner bootstrap multiselect (or any other input using bootstrap dropdown component) ? Now after opening mega menu click by inner dropdown triggering closing mega menu

Hey,

1. Confirming – a minor bug, to fix please open daterange.less file, located in assets/less/components/plugins/pickers/, go to line 57 and replace:

    // And remove floats in single picker
    &.single {
        .ranges,
        .calendar {
            float: none;
            margin-left: 0;
            margin-right: 0;
        }
    }

with:

    &.single {
        .calendar {
            float: none;
            margin-left: 0;
            margin-right: 0;
        }

        // Hide range menu
        .ranges {
            display: none;
        }
    }

And re-compile less. This should fix the problem, will be included in the upcoming update.

2. Bootstrap doesn’t allow you to use dropdown inside dropdown, but this solution might give you a hint on how to implement it :)

Thanks!

are U guys planning to switch to Bootstrap 4.x eventually ?

@edit. I found an answer : )

Yes, definitely, but when stable version will be available for download :)

Thanks

not soon then : |

Unfortunately yes, i just think that using alpha version in a real project is a risk, because you will need to update the library when BS dev teal pushes a new update. I will also need to track all the commits and bug fixes and push an update every time they come up.

Hello, thanks for the awesome UIKIt.

I have a question regarding the panels. Is it possible to have the panels be collapsed by default, and when user toggles collapse/expand the panel, an event will be triggered.

For reload – it uses BlockUI extension, so you can use onUnblock() callback, the code is also in app.js file

For remove button – it’s a simple jQuery’s .remove() method, the logic is the same as for collapsing:

        $panelClose.slideUp(150, function() {
            $(this).remove();

            // do stuff when removed
        });

Thanks

Thank you!

Always welcome, let me know if you have any other issues

Hello !

Oups, it seems I have a problem on the view form_checkboxes_radios.html. When I don’t want to use switcher colors, but only a default switcher for example, I have this on the firefox console :”TypeError: this.element is null” on switchery.min.js. Ok, I remove this js, but I have “ReferenceError: Switchery is not defined”. So in all cases, when I want to use any Switchery toggles on a page, js of this page don’t work…

Hello,

If you want to use 1 example, you need to use a single config for it:

// Switchery
// ------------------------------

// Initialize multiple switches
if (Array.prototype.forEach) {
    var elems = Array.prototype.slice.call(document.querySelectorAll('.switchery'));
    elems.forEach(function(html) {
        var switchery = new Switchery(html);
    });
}
else {
    var elems = document.querySelectorAll('.switchery');
    for (var i = 0; i < elems.length; i++) {
        var switchery = new Switchery(elems[i]);
    }
}

Assuming you are using form_checkboxes_radios.js file as well. This file also contains initializations for other switchery examples, as well as bootstrap switch and uniform. Simply remove code pieces needed for other examples and keep the code mentioned above; or create a new custom.js file and use it for your custom js code.

Thanks

Waouhhh thanks a lot for this very quick reply ! It works :)

Always welcome, let me know please if you have any other issues :)

Want to make sure the code is all only HTML, JS, CSS, Jquery and perhaps json. Is this correct – hope there is no PHP and other language

Hi I just want to make sure this template has only html, css and js jquery no PHP other programming skills needed. Perhaps json knowledge required. Right?

Hello,

Yes, it is a static HTML template. Json files are very simple and mainly used for demo data. But there is no any dependency on any files, just HTML/CSS/jQuery. And yes, LESS files for styling.

Thanks!

hi we are eagerly waiting for the new updates and landing pages with login

Hey,

I know, i know, doing my best to get it eventually done as soon as possible :) Should be ready very soon!

Thanks

Helo Kopyov. I recieved a licensed limitless, and I have been working on it. First try to use checkbox, i have had a problem:

Using this css and JS: <!- Global stylesheets -> <link href=”https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900” rel=”stylesheet” type=”text/css”> <link href=”{{PMEDIABASEWEB}}/assets/css/icons/icomoon/styles.css” rel=”stylesheet” type=”text/css”> <link href=”{{PMEDIABASEWEB}}/assets/css/bootstrap.css” rel=”stylesheet” type=”text/css”> <link href=”{{PMEDIABASEWEB}}/assets/css/core.css” rel=”stylesheet” type=”text/css”> <link href=”{{PMEDIABASEWEB}}/assets/css/components.css” rel=”stylesheet” type=”text/css”> <link href=”{{PMEDIABASEWEB}}/assets/css/colors.css” rel=”stylesheet” type=”text/css”> <!- /global stylesheets ->

<!- Core JS files ->
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/plugins/loaders/pace.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/core/libraries/jquery.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/core/libraries/bootstrap.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/plugins/loaders/blockui.min.js"></script>
<!- /core JS files ->
<!- Theme JS files ->
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/plugins/forms/styling/uniform.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/plugins/forms/styling/switchery.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/plugins/forms/styling/switch.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/core/app.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/plugins/ui/nicescroll.min.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/pages/form_checkboxes_radios.js"></script>
<script type="text/javascript" src="{{PMEDIABASEWEB}}/assets/js/pages/layout_fixed_custom.js"></script>

If my code doesen’t include all checkboxes from demo as follows, the JS have an error, saying then ‘this.element’ not found. Try to use your Layout 1/LTR/form_checkboxes_radios.html, delete all HTML code for switchery, then you will see the JS error.

To avoid error, I must to include this disabled in my main page:

<label> <input type=”checkbox” class=”switchery-primary” checked=”checked”> Switch in primary context </label> <label> <input type=”checkbox” class=”switchery-danger” checked=”checked”> Switch in danger context </label> <label> <input type=”checkbox” class=”switchery-info” checked=”checked”> Switch in info context </label> <label> <input type=”checkbox” class=”switchery-warning” checked=”checked”> Switch in warning context </label>

Thanks.

Hello,

The file you are using – form_checkboxes_radios.js – includes different configurations of 3 plugins: uniform, bootstrap switch and switchery toggles. If you remove some containers with specific class names from your HTML, you need also to remove example configuration from form_checkboxes_radios.js file. Basically all files located in assets/js/pages/ are for demonstration purposes only and might be useful, if you want to use specific configuration. So in your case i suggest you to do the following:

1. Create 1 new file – custom.js

2. Open form_checkboxes_radios.js and copy desired plugin initialization config to that custom.js file

3. Include custom.js to your head after app.js file

4. Please do not use files from assets/js/pages/ directory, if you don’t want to use all plugins initialized in there.

I will include this information to documentation in upcoming update, to make things more clear and will think over the structure of demo files. Sorry about that

Thanks!

Ok, thanks to your help !!

You are always welcome :)

Hey, 1) I was trying to modify index.html page but when i am removing some that are effecting other part of page e.g. i am removing “Marketing campaigns” part of page then it is effecting on “Hours available Progress”.

2)”Traffic sources”, “Sales statistics” & “Daily sales stats” Charts are not working on Google Chrome.(Live Demo is working properly)

Hey,

1. If you remove something from html code (chart container), you need to remove chart configuration in dashboard.js file as well, because you are trying to initialize a chart in container, that doesn’t exist, that’s why if you check your console, you’ll see a JS error.

2. These charts load remote files with data, due to browser security reasons, you can’t do that locally, you need to use http:// instead of file:///. Just place files to your local or web server and all charts will be working as expected.

Thanks!

Dear author,

Thank you, I’ve just purchased your kit.

On hindsight I would like to put another email address for the (updates) notifications. For the purchase I have now put my email address.

Is it possible to change it?

Have a nice day,

Gian

Hello,

I think would be better if you contact Envato Support, because this is more related to your account setup. As far as i know you can change your primary email address, but i am not sure that you can add another one for notifications only. Better contact them and describe your situation.

Thanks for purchase!

Dear madam, sir, I work for the European Research Council Executive Agency (ERCEA) in Europe, Belgium.

The ERCEA (erc.europa.eu) gives grants to innovative frontier research and is non-profit.

I am interested to use your limitless template for our internal web portal. Our users are not charged to use this portal.

Can you please confirm that the price is indeed 24 dollar?

Thank you, have a nice day,

Hello,

Yes sure, Regular license in your case is totally enough since you don’t charge users and use in internal project.

Thank you for your interest!

Hi Kopyov! I really love your theme. Before I buy though, there are a couple of questions I would like to ask: 1. When is the next update coming out? 2. Is there an Angular version? 3. If there isnt an angular version, how hard is it to transform a plain html to angular? Im a newbie developer, but I really want to try a single page app with your template + angular. Thanks for your time!

Hello,

1. Working hard on it, i can’t tell you an exact day of release, but should be out very soon. I planned to push it before March, but stuck with some components, so had to move release date to early March.

2. Not yet, for now it’s a static HTML only. Angular version will be added in April/May for all layouts

3. It shouldn’t be that hard, there are a lot of different tutorials and video courses available for free, for example this one, also angularjs has extensive documentation, channel on youtube, a quick tutorial etc etc.

Thanks!

Couple things you should add. 1 – Table header with searchbox [inc. label and button] and show items, jump to page select menu [inc. label]. 2 – Table footer with select menu [inc. label and button]. Currently 1-st one is available only if you use datatable js. 3 – Bordered form.

Hi.

You can easily add these components to static tables just by replacing plain text with selects and pagination, in some cases you can also use colspan and rowspan to get a single row with pagination.

Bordered form – thanks for suggestion, will be added in the next update along with different variations.

Thanks

Aha understood, Will definitely consider this functionality for the next update.

Thanks!

I checked your admin theme. It has sooo great features, just WOW but… the design is so dissapointed. Color, styles and typography are very old fashioned :( Pitty…

Thank you for purchase! Let me know if you need any help or have questions :)

Thanks!! Please let me know how can I get support? Ticketing, forum, email or what?

Better to use ticksy – https://kopyov.ticksy.com/ or you can email me directly to e.kopyov[at]gmail.com, whatever works best for you.

Hello Kopyov,

How are you? Sorry for disturbing you again.

I am using one of the page http://demo.interface.club/limitless/layout_1/LTR/search_images.html for my website. Somehow “search” and “Pagination” is not working. Could you please help me with this.

Thank you for your support.

Regards, Kepin

Hello Kepin,

This page is just a view, means static html page with static elements, it doesn’t have any server side integration and isn’t a fully working app. You can use it as a base for your search results page, pagination and search field are static elements. For example, if you already have a search functionality, you can integrate this page to your search engine and give it a look and feel of general app style.

Thanks!

Hello Kopyov, When will you release new updates? I am waiting. :)

Hello there.

Soon, still working on it. Stuck with material theme, but almost there. Will make an announcement here in comments when i’ll be sure about the date.

Thanks!

Can I see the documentation first?

Hi,

Unfortunately i don’t have any documentation online, a part of it you can find on template pages, where core layout features are described.

Also it includes descriptions of all plugins/extensions, usage examples and available options; template and files structure; less files compilation guide etc etc.

Please, email me to e.kopyov[at]gmail.com, so we can sort something out with it.

Thanks

hey how i can change the font?

Hi,

Very easy – open file core-variables.less, located in assets/less/core/variables/ folder; find @font-family-sans-serif variable and change font family to whatever you want. After that re-compile your less files.

Also remove this line from your pages:

<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">

to avoid loading unnecessary files.

Thanks

thank you

Always welcome, let me know if you have any other issues.

Thanks

Hey Dude! First : Happy Birthday afterwards :) Any news regarding the Update ?? :) Cheerz Daniel

Hey there,

Thank you! Not yet, still in development, but i am very close :) It’s going to be a huge one, so working hard to get it done as soon as possible.

Thanks!

Hello,

Thanks for this wonderful theme ! I am very happy with my purchase.

Question : I would like to use the task-grid and task-list pages using the view mode on the grid page, bud without re-loading pages and datas….. But task-grid use divs and task-list use tables tags. So, I don’t know how to do that. If you have an idea…

Thanks

Hello,

Hm, list view uses datatables for ability to filter and display entries and can be dynamic, while grid uses custom blocks and responsive grid. So i’m afraid i can’t suggest you anything in here about switching between views, because it’s just a view option, besides they are using different components (selects, date picker etc.) as well.

Both were designed to use one of them, but not both at the same time. You can try to remove columns with selects and date pickers from table and use 2 different markups with the same content, like to copy content from the grid and place it inside table columns, this might work.

Thanks!

Hi,

Ok, thanks for your support. I am going to examine this solution.

Regards :)

Hi,

Great, let me know please if you’ll have any questions regarding styles.

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