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, Thank’s for this GREAT theme. I have a problem with PickaDate validation required if empty. i would like validate like others input with jqueryvalidate. Is possible? Sorry for my english, i think that is bad.

I had already tried - required = “required” - but does not work. Other input works well, only this does not work.

Can i ask you to email me your code? Both validation JS setup and form markup. Just want to check you’ve done everything correctly. My email is e.kopyov[at]gmail.com

Thanks

thanks, I sent the mail.

Hi, Thank’s for this GREAT theme. I have a problem with PickaDate validation required if empty. i would like validate like others input with jqueryvalidate. Is possible? Sorry for my english, i think that is bad.

Hello,

I found that data-action=collapse applied to .panel class is very hard to implement (as manipulated on app.js), even when a panel is inside another panel !!, would be preferable to :

Before:
     // Collapse on click
    $('.panel [data-action=collapse]').click(function (e) {
        e.preventDefault();
        var $panelCollapse = $(this).parent().parent().parent().parent().nextAll();
        $(this).parents('.panel').toggleClass('panel-collapsed');
        $(this).toggleClass('rotate-180');

        containerHeight(); // recalculate page height

        $panelCollapse.slideToggle(150);
    });
After:
    // Collapse on click
    $('.panel [data-action=collapse]').click(function (e) {
        e.preventDefault();
        var $panelCollapse = $(this).closest('.panel-heading').nextAll();
        $(this).closest('.panel').toggleClass('panel-collapsed');
        $(this).toggleClass('rotate-180');

        containerHeight(); // recalculate page height

        $panelCollapse.slideToggle(150);
    });

Hello,

You are right, i didn’t include a possibility to use those actions in panels that are inside other panels. Will fix those issues in the next update.

Thanks for the tip!

hey . My project goes fast with limitless ! what about next update?

Hey,

Update is in progress, i can’t tell you ETA at the moment unfortunately, because working on quite a lot of changes and new stuff. I’ll make an announcement when i’ll have a release date planned.

Thanks

Hi,

I bought Limitless theme a few days ago. I have some problems with how basic data tables scale. Here is a screenshot: http://prntscr.com/b5ttn5. Please provide a fix. Thanks!

Hi there,

Understood. You can try to change “dom” option in your table config to this:

dom: '<"datatable-header"fl><"datatable-scroll datatable-scroll-wrap"t><"datatable-footer"ip>'

datatable-scroll-wrap class will add overflow: auto; and horizontal scrollbar, so your content won’t overlap table edges.

Let me know please if that worked out.

Thanks

It works now. Thank you =)

Always welcome :)

Any plans to add AngularJS support to this? I love it and it looks great but I can’t seem to get it to worth with Angular which is unfortunate

Hi,

Yes, Angular version will be out this summer. I don’t have ETA at the moment, but i’ll make an announcement when work will be in progress.

At the moment the template includes static HTML version only.

Thanks

It seems that a lot of effort, time, and talent was invested in limitless sources and documentations.

However, I could not find a step-by-step examples/methodology of using limitless.

Could be very helpful.

Hi,

Thank you for kind words. If you have any questions or you need help to get everything up and running – feel free to ask, i’ll do my best to guide you and help with nearly everything as i remember the whole code and know how to set it up, so it might take me 5 minutes to explain and you can spend quite a lot of time trying to manage that yourself ;)

Thanks

Hi,

I have a problem with the limitless bootstrap theme i’ve bought. When working with responsive data tables. Then when having a menu with icons and text (links) in the right side (like in all examples) i have a problem when i’ve been searching inside the table.

Lets say that I have 200 lines of table contents. Then i Search for any text for example a last name. The lines/rows are now down to 2 items. When clicking the menu now I can only see the bottom of the menu. Like it is under the page. I’ll provide 2 screenshots so im sure you understand what im talking about :)

http://isoexperten.dk/filer/right.jpg <—how it should be (this is with nothing in search field = showing all lines/rows in table) http://isoexperten.dk/filer/wrong.jpg <—This is when the search field have been used. The top 3-4 items allways goes under the line resulting in not showing the whole menu.

I hope you can help me out with this simple but yet anoying problem.

Kind Regards Johnny

Hey Johnny,

Yep, this is a common downside of using responsive tables. The reason why dropdown menus appear inside table is overflow property, which is responsible for scrollbars. There is an option, which allows you to add scrollbar to table content, which sets fixed height to the table regardless amount of rows.

I’ve also added that option by default in DOM option. You can easily remove it by editing your datatable configuration. All you need to do is to replace this:

dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>'

with this:

dom: '<"datatable-header"fl><""t><"datatable-footer"ip>'

Basically this removes “datatable-scroll” class from the table, which adds that annoying scrollbar. Now your dropdowns should display correctly.

Thanks

Thanks a lot for your answer :D It worked perfectly.

A nice thing for you to add in a later build would be invoicing -> pdf file. Been fighting with it all day and still not even close to something that is useful. Im new to Bootstrap so maybe it’s just because im not clever enough yet at this point :) seems like the CSS somehow sends the boxes in different directions hehe :)

You mean generating PDF file from HTML page? Bootstrap doesn’t have any ready-to-use solutions for that at the moment. you can try one of the following libraries:

1. WKHTMLTOPDF and a quick tutorial

1. MPDF

1. Snappy – open source PHP5 library, the best one.

All of them are free.

Thanks

Hi !

I use many pages and elements of your template and once again thanks for your wonderful job. :)

I have a question with the validator object form-validate-jquery, to implement a complex rule. My form contains :

- 1 radiobutton : value A or B

- 1 input text : id=”alength”

- 1 input text : id=”awidth”

My rule is : If radiobutton=A then awidth will be at least alength/2

If radiobutton=B then awidth will be at least alength

Please do you have an idea to implement this type of rule (for the awidth input) with the form-validate-jquery ?

Thanks

OK, sorry I solved my problem.

To change dynamically a rule, I have to use add/remove jquery methods.

FYI in my context, on change events (radiobutton or alength), I can do something like this : $(’#awidth’).rules(‘add’, {min: $(’#alength’).val()/2});

Thx, Eric.

Hey,

Glad you managed it yourself :) Yep, your solution looks good to me. I will also try to add more Validation examples in the upcoming update.

Thanks!

Limitless is a very clean and nice visual design.

However, I am having difficulties to use it.

At step one – am I supposed to copy the entire directory, and then make some changes according to my needs?

How to use Limitless in a modular manner?

Which files must I copy, and how to use them ? What is the methodology?

Hey,

Limitless is a static HTML template – a set of HTML pages, that use same structure and same general layout.

1. It depends on your project structure, you can easily use only those files that you actually need, if you use some kind of master page, you can simply split general layout into 2-3 files: head, sidebar, content, footer. It really depends on you project structure.

2. First of all, you need /assets/ folder, which includes all necessary CSS/JS files. CSS files are required, JS files – only few files are required: app.js, jquery.min.js and bootstrap.min.js (located in assets/js/core/).

3. Also there is a set of blank pages called Starter kit – those files don’t include any plugins or extensions, but the very basic layout which you can use as a base in your development process.

Please check out documentation, everything is well explained in there: starter kit (what is it for, how to use and main difference), HTML files structure, LESS compilation etc etc.

Let me know please if you have any other questions/issues.

Thanks

Hi, Ty for this GREAT theme.

I have one question if possible.

What if I want a datatable to have 2 extensions

What’s the best pratice do archive this?

Thank You in Advance.

You can, however Bootstrap Datepicker doesn’t come as a separate component, only as an addition to Datepaginator plugin. I’d suggest to use Pickadate or jQueryUI datepicker, they are more flexible.

Thanks

Ty very much for your quick reply!

Let me know if you need any help. Thanks

Good evening, I have functions ajax to enter some forms, but with the library jquery.min can not be run, if I attach another version of jquery, I lose completely various effects of menus and others, how you could integrate with its workforce?

Ahaa, understood.

Try to use method: "POST" instead of type: "POST", jquery version that is used in Limitless is 2.1.4, this might cause the issue.

Let me know please if that worked for you.

Thanks

many thank you very much, I searched several sites and none suggested to me what I just said thanks.

a question please, in python is need to include {% load staticfiles % } to load a static file, and I’ve seen that in some javascript files you read .csv files, but I do not know how include {% load staticfiles %} in javascript or equivalent

Hello,

Unfortunately I’m not experienced in Python and can’t help you much, but found this info about CSV module, might be useful.

Thanks

Hi Kopyov,

First I’d like to congratulate you about the Limitless theme, it is great, you immediately notice it was made with such care and attention to detail.

We were wondering if you can provide/sell us the PSD files of the theme so we can use it in Adobe or Sketch to build prototypes.

Keep up the good work.

BR,

Hello there,

Thank you very much!

Unfortunately i don’t have any PSD files at the moment. The template was completely designed directly in browser, i didn’t use any graphic tools for that. But i already got a lot of requests and i will definitely include a full UI kit in PSD format in one of the upcoming updates.

Thanks!

Hi is this amazing template available in angular.js version ??

Hey,

Not yet, it is planned for this summer, as well as BS4 version.

Thanks

Hello,

I want to use datetime picker in handsontable, but no plugin for datetime format in one cell, only date format. But my field in database is in datetime format, I want to use it as one cell picker only. I already try use custom data and set it as <input> and renderer as html. But the datetimepicker from here http://xdsoft.net/jqplugins/datetimepicker/ can’t run. Do you know how to change pikaday with this in handsontable ?

Thanks.

Hello,

By default, Handsontable supports integration of 1 date picker only – Pikaday. As far as i know, It is possible to change it to a custom one, but you’ll need to write a new custom cell editor. Also yes, unfortunately Pikaday doesn’t support time pickers, it’s a pure date picker. And i didn’t find any proper solution for replacement, so the only thing i’d suggest is to integrate it yourself.

Thanks

Thanks,

I’ll try to read that wiki. I also already contact them, and they response and suggest the feature to integrate xdsoft datetimepicker, perhaps you can support to it so they can follow up as soon as possible :)

https://github.com/handsontable/handsontable/issues/3505

Hey,

Sure I’ll support that one! Thanks for raising that up!

you design is awesome, I liked more than metronic, really good, currently i’m using metronic, I have a plan to buy limitless theme, but theme doesn’t have e-commerce support , inbox and lack of other features… Hope you fill this features in next update. I need to purchase license for every project I do, or one license is enough for all the projects.

Thank you very much!

Yeah, i am working on a new update, which will include a full ecommerce set – products list, grid, dashboard, add/view/edit products, checkout process etc. Also mail – read, write, list/grid and a lot of other custom page layouts.

Yes, you need to purchase a new license for every new project, currently Envato doesn’t have a multiple projects license option.

Thanks

I hate to always be that guy, but I am in a waiting pattern to see what these 20+ new template designs will be in the next update. Some of those sound like ones I will need to use and help me out. Do you have any targeted ETA for this next release to where I can get my hands on these new templates?

Hi,

Not really, i am working on them and hopefully new update will be out within next month, but unfortunately i can’t tell you an exact date at the moment. I also want to make a few important improvements and updates, so it’s going to be pretty massive.

Thanks

Are there any templates for forms within dropdowns?

Hi,

No, i didn’t add specific examples for dropdowns, but you can use dropdown menu from these examples. Dropdown menu supports standard forms, so you can simply add any form example (inside/outside grid, vertical/horizontal etc etc), it doesn’t require any specific markup or templates.

Thanks

Hi, can you tell me why that none of the data visualizations work on the home page if I take any one of them out? I removed the Sparklines and it caused the d3 charts to not work. The same happened when I took out the “sales Statistics” chart on the right side. None of the others worked. Thanks for your help.

Hi,

If you remove chart container from html, you also need to remove chart configuration from dashboard.js file, d3.js doesn’t allow you to initialize chart in container that doesn’t exist.

Thanks

Thanks

Im planning to buy this template, but I dont see any guide to use the graph (ECharts), may i know where is the documentation or the guide to use the chart? I need to see if i know how to use it before i buy it..

Hi,

Of course, here is a complete documentation of ECharts library. If you go through examples included in Limitless, i’m pretty sure i’ll quickly understand how they work.

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