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.

Eugene can you please check if there is a quick fix to make the footer HIDE on mobile devices ? (I corrected the non-unique class as you mentioned before)

http://demo.interface.club/limitless/layout_4/LTR/default/layout_footer_fixed.html

Hi

What do you mean by HIDE on mobile device? You want it to be static on mobiles instead of fixed?

If yes, open assets/less/bootstrap-limitless/navbar.less file, find this bit:

// Make navbars static on mobile
@media (max-width: @grid-float-breakpoint-max) {
    .navbar-fixed-top {
        position: static;
    }
}

and change it to:

// Make navbars static on mobile
@media (max-width: @grid-float-breakpoint-max) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: static;
    }
}

And recompile your less files. This should do the trick

yes it makes the footer similar to the top bar – thank you …

always welcome :)

Hi!.

Of course, pretty easy to do. To change color, open variables-custom.less file (assets/less/core/variables/) and find this bit: //** Bottom border color for inputs (v. 1.3) @input-border-highlight-color: @color-teal-500;

i can’t found that file in v. 1.6.. Thanks.

Hi

Are you sure you’ve checked the correct location? This file is one of the main less files and it exists in all layouts – assets/less/core/variables/variables-custom.less

Please check again

My bad.. :D thanks

No worries, let me know if you need any help.

Is there a way to maximize a panel?

Nope, not in a current version. You can implement that yourself – toggle some class on panel and make that panel 100% width and height and position: fixed; and this should do the trick.

thank you – do you think this can be implemented? https://codepen.io/lukezak/pen/rVZMgv

yes, this is exactly what i have mentioned in the previous comment :)

HI. I am reviewing the user login sections. Do you provide a My-SQl database or is there a preferred way of managing it with your platform?

Cheers

Hi

Nope, its a static HTML template and doesn’t include any server side integrations. So i’d say it’s up to developer to decide what language/technology/Databases would be more suitable for specific requirements, sorry

Thanks

I am trying to run both the popups and the modals on the same page I added all the JS and styles but the modals do not start (tooltips work)....The code:

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

    <!-- Core JS files -->
    <script type="text/javascript" src="assets/js/plugins/loaders/pace.min.js"></script>
    <script type="text/javascript" src="assets/js/core/libraries/jquery.min.js"></script>
    <script type="text/javascript" src="assets/js/core/libraries/bootstrap.min.js"></script>
    <script type="text/javascript" src="assets/js/plugins/loaders/blockui.min.js"></script>
    <script type="text/javascript" src="assets/js/plugins/ui/nicescroll.min.js"></script>
    <script type="text/javascript" src="assets/js/plugins/ui/drilldown.js"></script>
    <!-- /core JS files -->

    <!-- Theme JS files -->
    <script type="text/javascript" src="assets/js/plugins/notifications/bootbox.min.js"></script>
    <script type="text/javascript" src="assets/js/plugins/notifications/sweet_alert.min.js"></script>
    <script type="text/javascript" src="assets/js/plugins/forms/selects/select2.min.js"></script>

    <script type="text/javascript" src="assets/js/core/app.js"></script>
    <script type="text/javascript" src="assets/js/pages/components_modals.js"></script>
    <script type="text/javascript" src="assets/js/pages/components_popups.js"></script>

all fixed now….overlooked the modal containers…

Hi

Do you see any JS errors in your console?

Please do not use any pages from assets/js/pages/ folder, they are for demo purposes only and contain quite a lot of examples of different plugins used on specific page.

Thanks

no errors – will take your advice – pls comment on the fixed footer question above..

In addiction to the above 2 questions I noticed that the FIXED FOOTER (http://demo.interface.club/limitless/layout_4/LTR/default/layout_footer_fixed.html ) does NOT open on mobile devices – can you check it?

I’ve checked only bottom fixed navbar, which should work fine now. If you didn’t see any issues in both top navbars, should be fine as well :)

yes thank you – please check the iframe scrolling question above – need to find a way to make it scrollable inside your panels…

I need to add that the fixer footer can be opened on phone now but it does not hide when scrolling on phone…

Hi Love your framework its ace! I’m using the full calendar advance (drag an event onto the calendar) which works fine, I need to include an id value with each event any thoughts if its possible to include a variable thats passed in the

Hi

You can try Event Source Object, getEventSourceById and getResourceById, these should to the trick.

Thanks

Hi. I am trying to place the large iframe inside the SIMPLE PANEL at this page http://demo.interface.club/limitless//layout_4/LTR/default/starters/1_col.html

This iframe is of 1300 px wide and should be scrollable horizontally on smaller screens – can this be achieved? I also need much wider iframes to be horizontally scrollable on desktop monitors (inside a panel)...

This class makes the whole page scrollable – not the panel itself:

.panel.has-scroll {
  max-width: 100%;
  overflow-x: auto;
}

Iframes will preserve dimentions on all screens – just need to scroll them horizontally.

please see example with the iframe https://jsfiddle.net/x9q85q75/

Here is a quick solution – https://jsfiddle.net/vurvnx39/2/

Thank you Eugene – will let you know how it goes..

I recently purchased your wonderful template – I wanted to ask if the MATERIAL is identical in functionality to the DEFAULT templates? Would you recommend MATERIAL for mobile/desktop development over DEFAULT ?

no need to answer this….we decided the flat design (DEFAULT )

Default is more classic, while Material is more modern and not everybody likes it. So i’d go for default one ;)

Thanks

Can you change the colors?

Can one edit the colors of this template?

Hi

Of course, all colours can be changed in less files or variables.

Thanks

Can I use the dark sidebar and top nav bar colors on the material layout? How can I do that?

removing sidebar-default class and removing bg-indigo classes?

Removing those indeed gives me dark colors, but not the same as the default themes?

Hi

Default colors in default and material themes are different. You can simply change less variables (@sidebar-dark-bg in variables-custom.less and @navbar-inverse-bg in variables-core.less) and recompile your less files.

Thanks

Hi there,

I am using the basic data table in my sample project (http://demo.interface.club/limitless/layout_2/LTR/default/datatable_basic.html)

But the drop down menu is firing without the CSS.

Here is a sample output http://imgur.com/a/Zf3jI

Cheers, Mel

I am using the latest version

Try to re-download the package and replace CSS files from the last update, i’ve pushed another one right after 1.6 release to fix DT length menu select styling if Select2 isn’t used. Or use Select2 for styling.

Thanks

okay, I’ll try

Hello! Have a Limitress “kanban drag and drop”? For Example: https://codepen.io/ettrics/pen/QbPEeg

If No, can you add to Limitress? It a very popular bord for work!

Hello

I don’t have any plans for this kind of components, but it can be easily added to the current structure – drag&drop is already implemented (Dragula extension), default 12 columns grid, panels as draggable blocks. Thanks for suggestion anyway, I’ll consider it for future updates.

Hello,

I have a problem with datatables data sources & datatables select. first of all how to fetch each page of an ajax datatable via ajax and not load all the data in one go? because I have thousands of rows of data and it would slow down the system .

second How to fetch the selected rows ? how to know which is selected with checkbox ? because the table doesn’t have <input> tags as the first column and it generates it with icomoon .

the first one is very important. and by the way how to say to the datatable how many rows in total I have to view and link the required page numbers down the datatable ? Also how to activate order-ability for the columns ? it does not work now ?

Thanks a lot for the help

Hey

1. You might want to use Server side processing.

2. To get selected items, you can check out this example.

3. Not sure i understand what you mean. How many rows you have selected or how many rows your table has?

4. Ordering is enabled by default, please check your console for JS errors that block this feature.

Thanks

Hi Kopyov,
1. is it possible to add some sliding effect to elements: for example in layout 5 top bar > when click on user icon (avatar) i want to open submenu with some effects (for example slide down or zoom effect or effects from velocity animations or css animations) , or in responsive mode (mobile) header menu open with sliding effect and other elements … (i want to develop some frontend pages)

2. does material design have different versions? because some element effects are different in different templates

i think the material button effect name is “waves effect”, is it editable?

Hi

Well first of all – material design is made specifically for mobile apps. It’s pretty difficult to fully replicate material design in web apps, because you need to write quite a lot of custom CSS and add third party plugins.

Limitless is using legitRipple plugin for wave effect and it supports customization options, just check out that page.

Thanks

Thank you

Hi Kopyov,

What Icomoon package do you use on your template?

I’m asking because I thought it was the Ultimate but I noticed that some icon suffixes aren’t present so maybe it’s another pack.

Thanks.

Hi

It’s a custom selection from Ultimate and a a few more sets. If you need a selection.json file, shoot me an email to e.kopyov[at]gmail.com

Thanks

short question – I need to trigger BOTH the tooltip (on hover) and modal (on click) from an icon – this is possible?

Yes, it is possible. Please refer to Bootstrap documentation for more information about default components.

I am also interested in mmenu – do you think ti would be hard to implement it on our own?

As already being said, mmenu requires quite a lot of changes in template structure and styling. If you have enough experience in less and understand the template and how it works, it won’t be too difficult, but will require some development work.

I need to use custom icons – can these be easily implemented?

Not easily, but can be implemented. You will also need to update all icon codes used in CSS

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