Hi there.

Just to confirm – are you sure that you have a footer on top, not a fixed navbar? Anyway, in both cases you can use fixed navbar, that hides on scroll, either top or bottom. If you want a footer to be hidden by default and appear only on page scroll, you can simply change 2 classes: .headroom-top-pinned – from 0px to -46px; and .headroom-top-unpinned – from -46px; to 0px;

If you are familiar with less, you can do the same in headroom.less file, located in assets/less/components/plugins/ui/ folder.

Thanks

Hi Kopyov, Thank you for your mail. I am talking about footer (fixed on top (@ bottom)

I want that footer to be visible only when user scrolls down to bottom, ex.

Thanks, Kepin

Understood, pretty easy to do. Please send me an email to e.kopyov[at]gmail.com, i’ll guide you how to change the code.

Thanks

Hey,

Could you please send me an email to e.kopyov[at]gmail.com, i’ll write you a complete guide about less files or send you modified css files.

Thanks

Hello,

Unfortunately not at the moment, but it is planned for the next update.

Yep i know, i’ll implement it for different parts of layout and window itself.

Thanks!

Hi.

It’s not a bug, it’s an ordering issue. You just need to initialize datepicker after steps wizard, not before. For example:

    // Init wizard
    $(".steps-basic").steps({
        headerTag: "h6",
        bodyTag: "fieldset",
        transitionEffect: "fade",
        titleTemplate: '<span class="number">#index#</span> #title#',
        labels: {
            finish: 'Submit'
        },
        onFinished: function (event, currentIndex) {
            alert("Form submitted.");
        }
    });

    // Init datepicker
    $(".datepicker").datepicker();

Just tried both options – this one works well, but doesn’t work if datepicker init code placed before wizard.

Thanks

Hi,

You can wrap text input in container with grid column classes, for example:

<div class="row">
    <div class="col-xs-4">
        <input type="text" class="form-control">
    </div>
    <div class="col-xs-3">
        <input type="text" class="form-control">
    </div>
    <div class="col-xs-5">
        <input type="text" class="form-control">
    </div>
</div>

You can also combine classes to apply different widths on different screen sizes: – 1/3 on large screen, 1/2 on small and full width on extra small (mobile).

If you want text input to have % based width regardless screen size, you can use .col-xs-* classes.

Alternatively you can add additional classes to CSS and specify custom width, for example:

.form-control-sm {
    width: 200px;
}
.form-control-xs {
    width: 100px;
}

Thanks

Hello,

Already done and will be included in the update

Thanks

Waiting, thanks

Hey,

Basically yes, it is possible, but not available at the moment. Gulp file allows you to concatenate files with the following task, which is commented in gulpfile.js:

gulp.task('concatenate', function() {
    return gulp
        .src('assets/js/**/*.js') // path to js files you want to concat
        .pipe(concat('all.js')) // output file name
        .pipe(gulp.dest('assets/js')) // destination path for normal JS
        .pipe(rename({ // rename file
            suffix: ".min" // add *.min suffix
        }))
        .pipe(uglify()) // compress JS
        .pipe(gulp.dest('assets/js')); // destination path for minified JS
});

Since there is no point in concatenate all JS files that come in the template, i’d suggest you to create 1 separate folder and add plugins/extensions/libraries you want to use and change .src(‘assets/js//.js’) to .src(‘assets/js/your-new-folder//.js’), so all js files inside “your-new-folder” will be combined into 1 and compressed.

I’d recommend you to keep CSS files separately, because if you want your project to be compatible with IE9, there is a well known bug with limitation of rules inside single CSS file – all rules after 4095 will be ignored. So if your single CSS file will contain a lot of styles, you’ll have styling issues in IE9, that was the main reason why i separated them.

Thanks!

Thanks!

Hi,

Of course, each layout includes Starter kit – a set of pages with basic functionality required for layout, you can check an example here.

So you get a very basic layout without any extra components – all js files and css code is excluded. After that you can add necessary components that you want to use. All those pages are also in the package, but they are mostly for demo purposes to display different features and configuration examples.

Thanks

Nice one, Kopyov – I’ll definitely be adding your design to my collection. It is well worth it !! Justin

Thank you!

Hey,

Just tried to re-produce the issue – i get a correct bootstrap dropdown list. You have an error with i18next configuration though, when i remove it – selects works fine, configuration code is correct.

Also if you want to use a multiple select option with tick icon, you need to add “multiple” to your <select>.

Could you please email me a link to your page if you have a dev version, so i can quickly check for errors? e.kopyov[at]gmail.com

Thanks!

Yeah, will be included in upcoming update. Should be out by the end of Feb or early March.

Thanks

Sorry, this one is correct:

.nav-pills-bordered > li > a {
    background-color: #fff;
}
.nav-pills > li > .btn-group {
    position: absolute;
    right: 0;
    top: 0;
}
.nav-pills > li > .btn-group > .btn {
    padding: 10px 15px;
    border-radius: 0 3px 3px 0;
}

All works well, thank you.

Always welcome, let me know if you have any other issues.

Hi,

Wondering what solution did you work out? I mean these labels work by default in collapsed sidebar if sidebar isn’t fixed, so didn’t understand if you’ve changed default appearance or not.

Yeah, since hover state doesn’t exist on mobile, you need to unfocus nav item to hide label. If you want to add a delay and force labels to hide, you can replace CSS :hover with jquery solution = show label on mouseenter and hide on mouseleave (using setTimeout() function). As for me, i wouldn’t bother with changing css to js, because css solution is always better But up to you.

Let me know please if that doesn’t work.

Thanks

Sorry, I uploaded the wrong page: this has the sidebar fixed and the labels working

Thanks for the reply, I will try!

Aha, i see, you just removed scrolling in sidebar Yes, in this case all labels are visible, but if your scrollbar has a lot of items, you won’t be able to scroll, this is the main issue unfortunately.

Thanks

Hi.

Nope, i am not planning to release a BS4 version until bootstrap dev team releases a stable version. Currently it’s in Alpha, you can track a progress of development here. I honestly don’t think it’s a good idea to use Alpha version in a real project, because it’s not stable yet.

Once stable version comes out, i will immediately start converting all layouts to a new version, but will also keep v. 3.6 and will be supporting it as well.

Thanks

witout dynamic data no problem. after data filter and layout broke

Hi,

Unfortunately i am not familiar with asp.net, so i’m afraid i can’t help you much with this issue. However i found some discussions about repeater and datatable, this one is discussed on datatables.net forums and is a video on youtube. I’d also suggest to check out datatables.netforums, it does have a lot of solved issues with different integrations.

Thanks

Hey Daniel,

Working hard on it, should be available by the end of Feb or early March, a couple of major things left and need to update documentation.

Thanks!

Hm, that’s weird because format is correct. Try to set a year to full format: “D/M/YYYY” or try same date with “DD/MM/YYYY” just to check if it will work in a default format.

Thanks

No luck. this throws and error but 12/12/2016 is fine

$dateString = “13/12/2016”;

This is the DOM for the date picker <script> /* jQuery ready function. Specify a function to execute when the DOM is fully loaded. */ $(document).ready( }); </script>

Can you email me a link to your project if it’s online, so i can quickly check your code? e.kopyov[at]gmail.com

Thanks

You can find messages on this page. Colors are located in a separate less/css file, you can easily change any color just by changing color variable in less.

Thanks

Hi,

You can set the date format in “locale” option:

// Single picker
$('.daterange-single').daterangepicker({ 
    singleDatePicker: true,
    locale: {
        format: 'DD/MM/YYYY'
    }
});

Thanks

Hi,

Ahh, now i get it Definitely will consider this option, sometimes can be pretty useful. I think it can be achieved with default markup, the only thing i need to play is background color animation.

Unfortunately Envato doesn’t allow authors to include any items from other categories – email templates, landing pages etc. I will extend current landing page with new elements and include it to the package since it uses same design and same code as Limitless.

Hideable footer is already integrated here – go down and toggle switch from “Top” to “Bottom”.

Scroll to top – yes, will add in March.

Dual sidebar – all sidebars support same functionality: collapsible/draggable/closable/tabbable categories, a lot of components and background options. Full list of supported components you can find on this page

Thanks

Hello there,

Could you please let me know what library are you using? And what error do you get? As far as i know there is no any data limits in any charting library, so probably some minor issue in config or typo in data file. You can always contact me directly via email e.kopyov[at]gmail.com

Thanks