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.

??????! ???????? ????? ?????!

???????? ? ???? ?????? – ??? ??????? ? ????? ????. ? ???????? ??? ??? ?? CORAL – ???? ????????? ??? ????? ????, ?? ??? ?????? ???? – ????? ????? ?? ?????????? ????????, ??????? ???????? ? ?? – ??????????? ? ???? ????????? ??????? ?????? ? ???? ??? ? ?? ?????.

???????? ? ???? ???? ??? ?? ???????? ??? ?????? ??? ???????? ??????????, ??? ????? ??????????????? (less/sass) ? ???????? (grunt/gulp/...)

????? ????????? ?? ?????, ?????? ?? ??????? ???????? ??? ??????????? ??????? ?? ??? ????? ?? ????????? ????????????.

Hi any plans to have angularjs version?

Hi.

Yes, in future releases. Can’t tell you exact timeframe, but will be definitely added once i finish all my planned todo’s.

Thanks!

Validation And Bootstrap file input The problem

Hi.

It does work as expected, the only issue is error/success label placement, by default it adds label to the file input, but here file input attached to the button. You can easily change the position using errorPlacement: {} option in validation configuration

http://demo.interface.club/limitless/layout_1/LTR/picker_date.html

10 minute increments:

Selection time is not shown

After selection, can you let the time to show it?

Find a problem?

format: ‘MM/DD/YYYY h:mm A’

Change

locale: { format: ‘MM/DD/YYYY h:mm A’ }

Time does not show that the problem should be style issues

.daterangepicker .daterangepicker_input .form-control { padding-right: 0; }

You are right, format option should be used inside locale. Will be fixed in upcoming update.

Regarding am/pm visibility. There is a calendar icon on the right side, all we need to do is to reduce right padding for 1px. Here is LESS code where it can be done, in daterange.less:

    // Text inputs
    .daterangepicker_input {
        position: relative;

        // Calendar icons
        i {
            position: absolute;
            right: @padding-base-horizontal;
            top: auto;
            bottom: ((@icon-font-size / 2) + 2); // half icon size + borders
            color: @text-muted;
        }

        // Add right padding for inputs
        .form-control {
            padding-right: (@padding-base-horizontal + @icon-font-size + @padding-base-vertical) - 1; // the change is here
        }
    }

That’s it. Thanks!

Hello again,

I have a couple more questions:

QUESTION 1: I need my DataTable to fit two lines in one “td”, so I can fit more information vertically, which would provide better usability for mobile devices. So I would set a max-width for a table column and the information would stack up. Is it easy to do?

QUESTION 2: On the responsive tables with the “plus” sign, I would like to use it on PCs too, and not only for cellphone and tablets, like the examples shown. So in other words, I need the “plus” sign to show for all screen sizes, and not only for mobile devices. How can I do that?

Thank you for your time.

Paulo.

Hello,

1. If you’ll be using Responsive extension, should be easy to do. If a simple horizontal scrolling – no, because it makes all content inside table rows displayed in a single line without wrap.

2. Yes, it can be done using one of available classes. As far as i remember, using none class will hide the column on all screen sizes.

Thanks

Hello,

I have really enjoyed working with your theme. Thank you. I have a few questions regarding the E-charts – the donut charts specifically:

Is it possible to customize the colors of the charts that appear?

Is it possible to remove the legend without losing the different colors of the graphs? Currently, if I remove the legend option in the javascript, all of the donut charts become the same color. Any way to avoid this?

One last question as it relates to how data determines how the graph is drawn. Currently, when you specify a value for the donut chart, lets say ‘25’ then the donut chart’s display is = 25% ... However is it possible to create a scenario where the value displayed is 25 , but the percentage represented on the donut chart is 50%, does that make sense?

Hi.

I’ve tried to initialize it with class name as well, but had no luck. There is no any documentation about using classes instead of id’s, i’ve tried to use
ec.init(document.getElementsByClassName('basic_pie')[0], limitless);
also doesn’t work as expected. Since it’s a quite new library, i can’t find any information about this. I’ll keep digging deeper. For now you can use multiple inits for multiple id’s, but applying same options.

Thanks!

Hello, Do you know how to customize the look of the steps display in stepy? So for example changing the color, or changing the checkmark and pencil icons to something else?

Thanks!

Hi.

Pretty easy to do. Open ../less/components/plugins/forms/wizards/stepy.less, find @brand-info variable – this is the light blue color. To change icons, there are 2 icon codes: ed6c (checkmark) and e913 (pencil). You may use any code you need from Icomoon package. If you don’t know how to get the icon code please email me, i’ll send you demo with icon codes.

Thanks

Hello,

I have two questions:

QUESTION 1 I am from Brazil and in regards to numbers, we use commas in the place of dots and dots in place of commas. So for example, while you write 1,000 for one thousand, I would write 1.000 for one thousand. And while you would write “1.5” for one and a half, I would write “1,5” for one and a half. I would like to know if the template allows me to switch that so the table sorts data according to the brazilian standards.

QUESTION 2 Regarding Data Tables with fixed columns, I noticed that the columns, are not fixed on small screen sizes. Is it possible to keep it fixed for all screen sizes?

Thank you for your time.

Paulo.

Hello,

1. Yes, Datatables offers a lot of sorting plugins. I haven’t added them, because of a very specific use. But you can easily add necessary one just by including it to your page.

2. Yes, it is possible. I turned it off on mobiles, because if fixed column is too wide, you won’t be able to scroll horizontally. It can be turned on with CSS.

Thanks!

Hi

Can you please explain licence terms? We start to create APP & planned to use this theme, but I can’t understand if it is possible to allow download our product for free as open source?

Thank you

Hi.

According to the license terms described here, seems like you can use Regular license for it, if your end product is free:

Use in a free end product
(more than one end user allowed)

Thanks

Can you provide more information on moving panels? The only example that is provided is appearance_panel_heading.html, but I can’t figure out which scripts/ code is required to make this move and to move in place of other elements. Thanks

Thanks for the reply. Yes this is exactly what I mean. I’ve included appearance_draggable_panels.js along with jquery ui sortable interactions. I’ve copied the content section of the demo page, but it doesn’t want to let me drag. When I try to, the icon itself moves, not the panel.

http://pastebin.com/dnjNqiGE

First of all, there is a JS error related to the dashboard charts. If you don’t use them, make sure there is no any code that has a configuration added to the loading files, which is not actually used on the page.

Here is the code of your head with files you need to load: http://pastebin.com/j47eresn

I’ve removed unnecessary files and duplicates. No need to load a full jQueryUI library, there are 2 files already added that are responsible for sorting functionality.

Another thing is – please move your first set of columns from .content-wrapper container to .content container, because you got a wrong markup there.

Should work now

Thanks

Thanks for the help.

i have some error in DataTabe if i but columns less 5 columns he said you must but 5 can you give me the solution

i have this error (alert) DataTables Warning : Table id =DataTables_Table_0 – Requested unknown parameter ‘5’

Check your td’s and th’s in thead and tbody, they should be equal. Seems like you’re missing th or have an extra one

Or another reason may be – check your configuration code, probably you apply some option for the column which doesn’t exist. Column ordering starts from 0

http://demo.interface.club/limitless/layout_1/LTR/gallery_library.html

If it is more than a page, select the second page selection box style is not right.

If your table has enough rows, in this case more than 25, second page will be active. For now there is nothing to show on the second page, that’s why it is inactive

Download not available Whoops! Looks like you’ve already downloaded this item 20 times in the last 24 hours. That’s the daily limit! Come back in 24 hours to download it again. Learn about download limits.

You need to contact Envato support if you have any issues with downloading. I can’t help you here because the template archive is stored on Envato servers.

Thanks

Once downloaded, it is forbidden to download.

Hi;

I want to an invoice template. but I want to learn which framework did you use.

So we will use laravel framework. If we use this tempalate, can we develope it with laravel ?

Thank you very much

Hi.

Yes sure, since it’s a static HTML template built with Bootstrap. It should work with Laravel framework, but of course requires development.

Thanks!

??????

Not download

Once downloaded, it is forbidden to download.

Hello again,

thanks for the update. I would like to know what version of sweet-alert you use ? You provide the .min.js version, so no comment to know the version.

I’m asking this because I use the latest version : 1.1.3 and the style that you provide isn’t applied totally (http://i.imgur.com/AErL2WP.png).

Any chance you can update your style for the last version ?

Tnx !

Hi.

This functionality is added by default, footer should be always sticky to bottom. However it’s a bit tricky – min height of page container is calculated with JS. I’ll try to implement calc() feature instead of JS.

The code for default calculation is in app.js

Thanks

Awww ok ok, my bad. I don’t use any of your javascript. I’m rewriting everything in Angular. Thanks for the info !

No problem, I’ll find a better solution for this feature, JS isn’t the best one..

Thanks!

Hello, can not download it, can send my mail?

63490794@qq.com

Hello.

The package size is around 140Mb, unfortunately i can’t send it via email as the size is too big. The template is stored on Envato’s server, what is the problem with your download? I think would be better if you contact Envato support directly.

Thanks!

Hi. Can you please tell me how to create 3 stacked radio buttons, with the 3rd radio button being ‘Other’ and including a text input? Thanks!

Hi.

Well, you can use different methods for this, like add text input dynamically by appending a piece of HTML code using jQuery, or add hidden text input and show it only when specific radio button is checked. Here is one of the solutions:

<div class="form-group">
    <label class="text-semibold">Radio group title</label>

    <div class="radio">
        <label>
            <input type="radio" name="radio_btn" value="one">
            One
        </label>
    </div>

    <div class="radio">
        <label>
            <input type="radio" name="radio_btn" value="two">
            Two
        </label>
    </div>

    <div class="radio">
        <label>
            <input type="radio" name="radio_btn" value="three">
            Three
        </label>
    </div>
</div>

<div class="form-group hide" id="target">
    <label>Input field</label>
    <input type="text" class="form-control" value="http://">
</div>
and jquery code to toggle “hide” class:
    $('input[name=radio_btn]').on('change', function() {
        if($(this).attr('value')=="three") {
            $('#target').removeClass('hide');
        }
        else {
            $('#target').addClass('hide');
        }
    });

You can also use “click” event, it’s up to you.

Thanks

Wel I don’t know but i purchased this product and when I try to compile less i get about 10,000 errors… tons of variables not defined – nothing works… ZERO documentation on how to do this… downloaded Koala – says in broken english to just compile the 4 files but koala requires a whole folder – including whole folder ruins everything – freezes up, errors, can’t edit a single piece of CSS in this entire project – completely useless – PLEASE provide proper documentation for your project

Again, documentation clearly says – there are 4 main files, that need to be compiled. I can not know what tools you are using for it, but once you know what to do, it’s very easy to use, you just need to setup everything properly.

Now you’re getting 10,000 errors, because variables aren’t imported in all less files, they are imported in 4 main files only. So when you compile only them, you don’t get any errors, because all variables are defined properly. If you compile, let’s say, datatables.less, you’ll get errors, because this file uses global variables, but they are not imported. If you don’t know how to use LESS – let me know, i’ll describe everything in details.

Can’t even edit a thing… tnos of LESS and Variable errors – I have to define every single variable manually?

Perhaps some actual documentation on how to set this up and make this work would be good to have? Every variable I fix comes with another one…

/Users/bradennapier/Desktop/Dropbox/Dash Automation LLC/Dash2.0/themeforest-13080328-limitless-responsive-web-application-kit/Layout 1/LTR/starters/assets/less/core/layout/sidebar.less NameError: variable @sidebar-dark-bg is undefined in /Users/bradennapier/Desktop/Dropbox/Dash Automation LLC/Dash2.0/themeforest-13080328-limitless-responsive-web-application-kit/Layout 1/LTR/starters/assets/less/core/layout/sidebar.less:18:19 17 .sidebar { 18 background-color: @sidebar-dark-bg; 19 color: #fff;

Right, when you load a folder in Koala, it automatically tries to compile all less files inside this folder. Ignore all errors, choose all files – right click – toggle auto compile. After that choose only those files you want to compile – 4 main files, enable auto compile for them and you’re done .From now on, any change in any less file will automatically re-compile it.

Koala isn’t a suggestion, you can do less compilation using a lot of different tools, i’ve just stated that i used Koala.

Not to mention when I do compile just components.less it says success but absolutely nothing happens to the css… I deleted all content in sidebar.less then I saved it. I get tons of errors every time due to having to add all files in koala… then i said compile only the component.less and it says success – nothing is affected…

I can’t change or add anythign it does nothing.

Please calm down, nobody had any errors with LESS compile before. I’m here to help and show how to do it, even if you didn’t work with it or don’t know how to do it.

Could you please contact me via profile page form and i’ll write a complete guide for you.

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