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 again, also can you provide more information or the modified css file to load locally the roboto fonts? The CSS generated by <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css"> contains a lot of definitions and not sure if they are actually used. The google archive link provided in another comment to download the fonts contains 16 different woff files but the CSS mentioned before seems to link to woff2 files and don’t seem to be the same files.

Thanks

Hey,

Those definitions are font weights: thin (100), light (300), normal (400), semibold (500), bold (700) and black (900). If you want to use them locally, you can use localfont generator, it allows you to generate font files and CSS styles for google fonts.

Hope this helps.

Thanks

Ok great, that works. Thanks!

Hi ! Just to inform that someone copied your theme (bird web app) with such a awfull design…dont want your great work to ne copied … And to ask you about your great update…thanks

Hey there,

Yeah i know, received a lot of emails in the morning :)

Update – not yet, but i’m very close, please a bit more patience.

Thanks!

Hi. Do you have plans to add search on material design on top menu. Something like gmail or any others have. Full width not tiny input field

Hi,

I didn’t, but now i do :) Please feel free to suggest new features and functionality, everything will be considered!

Thanks!

how to disable a switch in real time by javascript??

the idea is when i actived a switch the other switch must will disabled

Help pls, Thanks.

Hi,

Which one – bootstrap switch or switchery?

Thanks

I am using this class “form-control switchery” in javscript initilize with var switchery = new Switchery(html);

thanks

That’s easy to achieve, here is a sample code:

// Initialize 1st switch
var switch1 = document.querySelector('.switch1');
var switch1Init = new Switchery(switch1);

// Initialize 2nd switch
var switch2 = document.querySelector('.switch2');
var switch2Init = new Switchery(switch2);

// Here, if the 1st switch is checked, disable 2nd switch
// and enable 2nd if 1st is unchecked
switch1.onchange = function() {
    if(switch1.checked) {
        switch2Init.disable(); // Disable 2nd
    }
    else {
        switch2Init.enable(); // Enable 2nd
    } 
};

Thanks

Hi, when using for example the modal “Confirm dialog” in this page (and also in the actual paid version content) http://demo.interface.club/limitless/layout_2/LTR/default/components_modals.html When you click in the OK button in the displayed modal you will see that a style=”padding-right” is created and incremented on the body tag changing the body of the page. If this done more than once is more evident. Of course I don’t want this changing the body, maybe is this related to the Pace plugin?

Thanks

Hi,

Hmm, that’s strange, checked in Chrome and i don’t see any padding added to the body. Could you please tell me where do you see this behavior? That’s definitely not Pace.js, because it has its own container.

Thanks

Hi,

I tested it on Chrome and Firefox (windows). On IE doesn’t happen.

Thanks

I’ve already updated bootbox to the latest version, will be out in upcoming update. But anyway, i can’t reproduce this issue online, the only thing i see is that it adds modal-open class to body when modal is opened, but no inline styles at all.

I’ll test it in FF and Safari as well and come back to you tomorrow.

Thanks

Hello, Looking to purchase a commercial license, not sure how this works. It seems that you have libraries that have their own individual cost. We have a hosted solution. However, we have hundreds of users that log in. How would this work with a commercial license? How does support work over time? What happens if you guys disappear tomorrow? We are in trouble ;). This is a multi-million dollar company, but I love your admin. We have done a lot of work with it. We use the YUI library right now which is obviously not the best looking. We plan to possibly use a bootstrap menu structure and dump in as many components of the Yahoo library as possible. We just have hundreds of thousands of code written. Lastly, you use a library, https://www.amcharts.com This by itself seems to have a licensing cost of $280. Just curious how this would work. Thank you so much

Hello,

1. All components have proper licenses, you don’t need to purchase any license separately.

2. Since it’s a single application that will be available for multiple users and will be paid, one Extended license covers all these options.

3. I provide support from 9am till 9pm every day, except weekend. I won’t disappear tomorrow for sure, Limitless is in active development and i’m going to update it every 2 months, still have a lot of plans :)

4. I don’t use AMCharts at the moment, just because it is paid. I was thinking about this library, but i need to contact developers first and ask for permission.

Let me know please if you have any other questions.

Thanks

Hi! How can i change language support in limitless theme? and is Arabic/Persian translation available?

Hi,

RTL languages are supported by default (that require RTL direction), but since it’s an HTML template, translations are not available. It’s up to user, i am pretty sure it’s very easy to translate if you split template into 2-3 layouts – sidebar, top navbar, page header and content. Basically you just need to translate menu items, dropdown items and titles, and use your own translated content.

Also you can use internationalization library to change languages on the fly.

Hope that helps

Thanks

Hi, this is a awesome theme ! I hope you can help me with an issue that I have.

I’m using a panel with heading elements, when I add this one in the HTML file it works fine but when I append this panel from JavaScript I can´t see the toogle button of the heading elements in a mobile device (iPhone 6s), this is an example how I append the panel from JavaScript:

var frontDeskLogPanel = ’<div class=”col-md-6”><div class=”panel panel-white”><div class=”panel-heading”><h6 class=”panel-title”>Jesús Vela</h6><div class=”heading-elements”><ul class=”heading-thumbnails”><li><img src=”data/QuiqueZavala/photo.jpg” alt=”userImage”></li></ul></div></div><div class=”panel-body”>Dejaron una paqueteria para Paola Zavala de DHL.</div><div class=”panel-footer panel-footer-condensed”><div class=”heading-elements”><span class=”heading-text”><i class=”fa fa-clock-o position-left”></i> 02-07-2016 11:33:21</span><a class=”heading-text pull-right cursor-default”>1</a></div></div></div></div>’;

$(”#frontDeskLogs”).append(frontDeskLogPanel);

Thanks you so much !!

Hi,

As far as i know, that panel heading text should be hidden on mobile and can be visible only when toggler icon is clicked?

Another option to review – that toggle button is added dynamically to all containers that have parent with class=”heading-elements”, perhaps you need to run it as well, the code is in app.js (line 57).

Let me know please if that won;t work out, i’ll try to provide more detailed explanation.

Thanks

Thanks, it Works ! I run again line 57 and 61 in my js file and it show up :).

You are always welcome ;)

Hello and thanks for this awesome theme.

If this does not bother you I would like to know what tools you use to build your themes ?

I used to build static templates with jekyll (for template engine) and gulp for my customers. Do you use any static website framework to develop your themes ?

Thanks

Hello,

Sublime Text, Sourcetree, Cyberduck, browserstack, gulp for less compilation and Chrome dev tools for design and development :)

It really depends, i don’t use any 3rd party systems (templates, builds etc.) if output is a pure HTML/CSS.

Also, if template is based on Bootstrap, it’s pretty easy to start working directly with BS source code, without implementing any extra extensions – of course in some cases they can speed up the process, but if it’s not a requirement, i prefer to use pure source code.

Thanks

Hey. Nice to read the answers . We are in july. Is the update quite ready? Thanks

Hey there,

Still in development. a lot of things have been done already, still need some time. Will keep everyone posted.

Thanks

Firefox problem with Bootstrap Switch on limitless

Hi,I decided to use bootstrap switch that’s a piece of my code:

The HTML:

<input name="activada" type="checkbox" data-on-color="success" data-off-color="danger" data-on-text="Activada" data-off-text="No activada" />

The javascript

$(function(){
    $('input[name="activada"]').bootstrapSwitch();
});

The problem is that when browser (only firefox has the problem) renders the item “bootstrap Switch”, the “off” side text “No activada” is in two lines and the width is auto, there should be a single line.

I try to change css font-size of element or font-family because outside limitless I can’t reproduce the problem, but changing removing “roboto” font family it fix the problem on firefox but appears on Internet explorer edge

I fix it downloading the pluguin on http://www.bootstrap-switch.org/ and modifying the js file on line 427:

handleWidth = this.options.handleWidth === "auto" ? Math.max(this.$on.width(), this.$off.width())+2 : this.options.handleWidth;

if you compare it with the original source I added +2 to the Math.max function. I wonder if there is a better solution. Thanks for your attention

Hello,

Just tried to reproduce in FF – yes, there are 2 lines, but width is calculated correctly. I managed to fix it just by adding white-space: nowrap; to labels:

.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-label {
    cursor: pointer;
    display: inline-block !important;
    height: 100%;
    padding: 7px 12px;
    white-space: nowrap; // this did the trick
}

You can also add it to bootstrap-switch.less file, line 44.

Let me know please if that worked out for you.

Thanks

Yes, it works for me too :) Thanks a lot!

Always welcome!

click Choose…

First choice, then cancel the choice, back and forth several times to try.

Ahaa, now i see it. It happens because when select is removed, parent container is still visible. So you just need to add

.alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector:empty {
    display: none;
}

to hide empty container. Will be included in upcoming update.

Thanks

Thanks

When you put down the side bar, LOGO can follow the pack will be better.

Well, i would say this is a specific functionality which can be achieved very easily just by replacing image with background image and changing logo size depending on sidebar width, exactly as it’s implemented in 2nd layout. I think it’s up to you, if you need that – i can assist you, but i wouldn’t change it in 1st layout, because it has a bit different layout.

Thanks

Thanks

I want to add a button to the top bar, but it’s a little too high. I tried searching it up, and apparently putting top/margin-top is bad.

This is what it looks like right now: http://i.imgur.com/kbg6tjB.png

How can I improve the look of the button so it isn’t so high? :)

Hi,

Can’t see the image for some reason. Could you please send it over to e.kopyov[at]gmail.com or use another service?

Thanks

Cool, passed you an email.

Just replied back

Last updated April 2015 more then a year gone .. why like that? no plan of future updates and / or new features, pages and components, please advice.

Hey hey,

Last update was in April, 2016. I missed a year on preview picture, thanks for pointing that out! Template is in active development and I’m working on a new massive update, it supposed to be put a bit earlier, but it turned out a bit more complicated than I thought.

Thanks

Great, bought it … keep up good work .. :)

Thanks for purchase!

Feel free to contact me if you have any questions or issues ;)

I love the theme and I am about to purchase it but I’m missing one thing. The default scroller looks hideous on a windows computer. Just look at this: http://i.imgur.com/FdAt7Zp.png . It’s so thick :(. I would love to have a scroller similar to this theme: http://admindesigns.com/demos/admin/theme/widgets_scroller.html I would love to have a On-Hover small scroller for the theme. Will you be able to add this to the theme any time soon? Thanks in advance

Hey hey,

I’ve tried both, don’t remember why exactly, but i’ve decided to go with nicescroll. I was thinking to add perfectscrollbar, but people reported a few issues related to IE compatibility issues.

Anyway, thanks for suggestions, i’ll definitely review those libraries again as nicescroll is indeed pretty heavy.

Thanks!

Thanks for your respons. Do you think this will be added on the next update? If so, when are you planning to release the new update? Thanks once again.

Not in upcoming one, because it will require quite a lot of changes – in sidebar scrollbar, mega menu, dropdowns etc etc. Besides that i’d want to include a separate page with all components that support custom scrollbar. A new one is already planned out and will be out soon, but i will definitely add that page with scrollbars in the next one.

No specific dates at the moment, but for sure should be ready later this month.

Thanks

Hi Eugene. I am trying to use a progress bar and want it to animate from left to right on page load rather than when you click a start button. Could you tell me how to achieve that? This is the html I am using. Thanks so much.

0%

Hi,

That progress bar has a bit different purpose – usually it displays progress or loading indication of some component, not the entire page. So i wouldn’t suggest to use that progress bar on page load, you can try to use Pace.js (page loaders), that are designed for this purpose.

Or, if you want, you can add that progress bar markup to your page and hide it when page is loaded, something like:

$(window).on('load', function() {
    $('.your-progress').fadeOut(150);
});

Thanks

Thanks for your reply. I should have been more clear. I am not using it as a page loader. I am using it to show progress towards a goal. You have examples of progress bars with transition when you click a start button and reset button. I am trying to have the same transition on the progress bar without having to click the start button. Thanks

Hi,

Ahaa, understood. Well, it depends on your code – you just need to change width property value from 0% to 100%, it already includes CSS transitions so when width is changing, it will be animated automatically.

You can check this as a quick example.

Thanks

A lot of links doesnt work is it just me or you made the template like this ? For example I cant create new invoice

Limitless, as all HTML templates, is static. It doesn’t have any server side integrations and is not a fully working application. You can use it as a base for your project and develop any kind of application using existing layout, structure, styles, features and components.

Let me know please if you need more detailed explanation.

Thanks

Hello Thanks for the gorgeus template. But my question is How those D3 work. they are all blank on my screen

Hello,

Almost all D3.js charts use external files with data, due to browser security restrictions you need to load page via http:// instead of file:///, so simply upload the template on your local/web server and open the page.

Thanks

Just bought this. The boxed layout is beautiful, and I love the idea of starter kits. Great first impressions.

Thank you for purchase!

Great, feel free to contact me if you have any questions or issues.

Thanks!

So I have sidebar xs by default in body. I want to try implementing hover over sidebar -> show entire sidebar instead of showing one link. Is this already available in the theme somewhere?

This feature is available only in layout with fixed sidebar and fixed navbar at the moment. This is in my todo list for the next updates, along with offcanvas layout and small sidebar.

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