Hi,

Technically yes, you can use any Limitless with any framework. But please keep in mind that this template is static, meaning additional development is always required.

Thanks

Ok errors are gone when I do these :

- edit file scss/_bootstrap/_functions.scss and add % after number 100

@return mix(rgba($foreground, 1), $background, opacity($foreground) * 100%);

reference : https://github.com/twbs/bootstrap/discussions/37467#discussioncomment-4199573

// Lint
function lint() {
    return src('../../html/' + layout + '/' + type + '/assets/js/*.js')
        .pipe(jshint({esnext: true}))
        .pipe(jshint.reporter('default'));
}

../../html/layout_2/full/assets/js/app.js: line 46, col 113, Expected an assignment or function call and instead saw an expression.
../../html/layout_2/full/assets/js/app.js: line 81, col 123, Expected an assignment or function call and instead saw an expression.
../../html/layout_2/full/assets/js/app.js: line 89, col 119, Expected an assignment or function call and instead saw an expression.
../../html/layout_2/full/assets/js/app.js: line 255, col 98, Functions declared within loops referencing an outer scoped variable may lead to confusing semantics. (bootstrap, sibling)
../../html/layout_2/full/assets/js/app.js: line 329, col 98, Expected an assignment or function call and instead saw an expression.

here the app.js line 46 in bs5 version

windowsPlatforms.indexOf(platform) != -1 && document.documentElement.classList.add(customScrollbarsClass);

compare to bs4 version

windowsPlatforms.indexOf(platform) != -1 && $('body').addClass(customScrollbarsClass);

Hi,

Bootstrap has planned to include this feature in the next major release, i would definitely wait for the release to avoid duplicates and double effort. They are currently testing a few solutions

Thanks

Hi,

Sorry for the delay.

Dev team released a new version that includes dragging, you can try to download the latest version and replace the one from the package. Technically it should work, styling wise some minor changes might be needed (e.g. dragging item placeholder). I will add it in the next update.

Thanks

Hello,

Just checked on iPhone and all navbar dropdowns close when i tap outside. What OS are you using?

Thanks

Hi i’m using chrome with a prject in vue 3, but i think it is my problem because in html work perfect, thanks

There was pace.js, but was removed in v4.0. You can take it from previous versions or use some 3rd party examples

Hi,

You can easily concat all files into 1 if you need, but the template includes separate files for easier setup. You can choose libraries that you want to use, add them separately to your environment and then concatenate all files in your prod environment.

Modern style along with new layouts are planned and have highest priority, but no ETA yet.

Thanks

I tried so many things and still looks like this. I checked the code also so many times looking for missing something, but I didn’t found anything wrong. What could be the problem to the uploader? Also, when I select a file the input kinda fix it itself.

Please let me know, thanks.

hey,

1. Tokenfield generates its own markup, and hides the original input, that’s why helper classes don’t work. There’s also no option to add custom class names to the generated input, i will look into this issue in the next update. Possible workaround would be to wrap original tokenfield input in some div with custom set of classes and add them to CSS, something like:

<div class="tokenfield-rounded-top">...</div>

// CSS
.tokenfield-rounded-top .tokenfield-input {
    border-radius: 4px 4px 0 0;
}

2. That’s strange, that input has .form-control class by default and should inherit all styles from regular input field from Bootstrap. Can you share a link to your page so that i can have a look?

Hi.

Sorry i don’t understand your question. Please clarify.

Thanks

Hi,

Unfortunately it’s a known limitation of Responsive extension, explained here. There’s a custom workaround, but there’s no official solution yet.

Thanks

Thank

Thank you for your reply. I have done something similar, I was looking for an official solution.

Regards

It works just fine in live preview. How do you integrate it?

Hey.

One of the options would be to move 5 files to a separate folder and name it accordingly: _config.scss, bootstrap_limitless.scss, bootstrap.scss, layout.scss and components.scss. Edit the last 4 and change paths to imports.

But another option would be to use gulp only, similar to Limitless configuration, where paths use variables in src and dest, so that when you need to compile CSS for a specific layout, you can edit _config.scss and then change compilation destination.

Thanks

Interesting. Can you elaborate more in the second option, the part that says “you can edit _config.scss and then change compilation destination”. Can you give me an example? Thank you as always

Sorry for the delay, was on holiday.

In the gulpfile.js that comes in the package, you can control destination of CSS files compiled from SASS. So if you have 2 projects that require different set of components, you can do the following:

1. Open gulpfile.js and either edit variables or change both variables and dest(...) in sass() task

2. Open _config.scss and change “true” to “false” in certain components

3. Run “gulp sass” task in your terminal to compile different CSS files to different destination folders

You can also create different tasks for different projects in gulp file, if that’s more convenient.

Hope this helps

Hi,

Most likely that’s coming from Themeforest as all item previews open in their own iframe. I double checked all pages in the template itself and couldn’t find any signs of viruses.

Thanks

Hi,

It comes because of the demo.interface.club domaim – I don’t know whos that domain. I downloaded the latest version and ran it locally. I’ve got the same alert message and my antivirus blocked the browser.

I found that there are embedded images (for the demo purposes) from the above domain in all pages, for example,

As soon as embedded images are removed, everything is OK.

Regards

Thanks again for detailed report. I still don’t see any issues, but i will replace that image just in case. Cheers!

I’m not sure I understand. Change colors for what? You can still use dropdown menu with tabs like in previous version

1 Multiple tabs, Clicking on the tabs/icons below sidebar in the pic., should load different buttons so we can host more actions/ref links, but those tabs are missing in this version

2 Double side bar: Also the double left sidebar was much cleaner in last version, now it seems clunky. How can we make those icons smaller, and put more buttons to put more content.

1. Those are simple buttons in grid columns, you can easily add them back if you need. You can find them on components/buttons page, “Floating with text” example.

2. Visually they are almost identical. Previous version had 3 tabs + dropdown menu, new version has 4 tabs. You can add dropdown menu and show more tabs there or make sidebar wider.

Hello,

You can remove .table-responsive from table container, it adds a scrollbar