44 comments

I love this template, it works right out the box, beautiful UI, elegante code, great support by the seller. I highly recommend it.
Will this template works with rails ?
This is a HTML template, so you will need to know how to integrate it into your rails application.
Hi - there doesn't seem to be support for tabs. On the demo they don't show different content. Is there additional code required? Thanks.
That has already been fixed during the holidays but slipped my mind to upload it. I'll do that tomorrow and I'll let you know once the update has been approved.

Thanks for bringing it to my attention.
Ok all done! The tabs have been updated. You can download it now.
Hey - not had a chance to yet but just wanted to thank you for the SUPER fast turnaround on this!
Hi - is there an issue with menu levels on the "top menu" layout? It works pretty nicely on the sidebar, but when the menu's at the top the levels don't open a sub-menu. Thanks!
Okay, I've checked it out and will fix it. I'll update you once done.
I found what the problem is... I commented out the code that handles that section during debugging and forgot to uncomment it.

I'll upload the update but before then you can uncomment it by yourself by going to Files/assets/js/scripts.js

Go to line 37 within the "qp_required_misc" function and uncomment everything below"/* Dropdown Menu - Submenu */" and above "/* Buttons */"

That'll fix it
Works perfectly - thanks so much!
1. This template doesn't seem to be offered/featured on Base5Builder page. Why is that?

2. Is there a chance for near future release where you would update to Bootstrap 4.0.0 release? There's quite some changes in there, especially around forms and form elements. Current version is incompatible.

3. Current version uses padding percent on flex elements - and apparently it wasn't tested on Firefox. Please don't do that, it's not a standardized feature. (https://stackoverflow.com/questions/33502702/flex-elements-ignore-percent-padding-in-firefox). As an example - .signin-left-column class has padding-top: 10%. This will render incorrectly in some browsers. Use alternatives, like 10vw.

4. The CSS refers to batch-icons and uses .batch-icon class name instead of .batch as suggested but the author and as implemented in NPM package (https://www.npmjs.com/package/batch-webfont). Was there a reason for renaming? This prevents from using new versions of these fonts in the future and creates another incompatibility, when batch font is pulled from NPM.

5. The custom scripts from QuillPro are included as a set of functions called on jQuery's document.ready. That's a significant obstacle for anyone trying to use this template in dynamic JS applications, where whole pages aren't reloaded (just some portions of it) and scripts are never executed again (as there's no second document.ready). Would it be possible to rewrite the scripts:

a) as a set of functions available from outside, ready to be called when needed (that would be up to the dynamic JS application developers to decide, probably after new content is loaded, etc.). For standard HTML pages, this still could be called on jquery's document.ready, and
b) with the assumption that they might be called more than once (as will be the case for dynamic JS apps), and each call should perform properly, without memory leaks and/or broken functionality. For instance, they should first unbind all the events, before rebinding them again. (jquery's on/off methods).
Thanks, sebastian-zarzycki, for the detailed feedback and questions.

1. Yes QuillPro is not offered on Base5Builder.com because it is exclusive to WrapBootstrap only.

2. Definitely! I'll be updating QuillPro to Bootstrap 4 really soon along with some other features.

3. I'm not sure what you mean here. Can you send me a screenshot of the issue in Firefox? Please send it to support [at] base5builder [dot] com

4. Renaming .batch to .batch-icon was necessary as I originally had plans for a feature that used the class ".batch". However, I scraped it later on. I will be leaving the class as .batch-icon... it shouldn't be tough to carry out the updates manually.

5. That's a tough one! Re-writing the entire script file ... I can't really promise unfortunately.
2. How soon is really soon? :)

3. https://imgur.com/a/J8fHr - here's screenshot for recent Firefox and Chrome. You can see it's rendering incorrectly because of that padding percent. The element has display: flex, and that is the root of the issue. Read the stackoverflow to learn more.

4. It's not tough, but a) user needs to know about this and b) it's unnecessary and adds additional step, so why not make it easier?

5. That's really not that much big of a rewrite. Not asking about functionality change. You just need to restructure the main object and functions differently and analyze them, looking for potential issues, when called multiple times. Most of the time is just deleting/clearing things before adding new ones. Web application developers (Angular/Vue/React) will surely be grateful for that.
Apologies for the late response.

The update is certainly coming, but I can't give a timeline on the update just yet. As you can see from the "Updated" info on the product page, I update QuillPro regularly so you don't have to worry about it :)

Concerning the padding bug... Thanks for pointing that out. It'll be added to the next update. On the other issues, I will certainly see what I can do.
Also please be sure to fix Bootstrap's horizontal forms, they seem to be apparently broken in your layout (https://getbootstrap.com/docs/4.0/components/forms/#horizontal-form).
Hi. I wondered if you'd ever considered integrating Isotope (https://isotope.metafizzy.co) into the QuillPro template. I am building a site which uses the .card feature to display a lot of information, and it would be a great way for users to filter what they see.
Hi dbarville,

I saw your email and I thought I responded already. My bad.

I like Isotope and I like how it filters items but I'm unsure what to implement the feature as. Not sure if you understand what I mean?

Can you tell me more on how you are using it? Maybe I'll be able to add it as a proper feature instead of just "dropping the code in" with a random demo.
I have a page where users could see a high number of cards arranged in columns. The content of these cards fall into various categories. Let's say for simplicity I have 3 cards giving information about animals, 11 giving information about cars, and 8 giving information about houses. It would be great to have some buttons at the top of the page ("Animals", "Cars", "Houses") to filter the display so that a user can view just the cards in one specific category. Let me know if that helps, or I could PM you a link to something?
Alright, got it! I'll look into integrating it once I've updated QuillPro to Bootstrap 4.0.0 which is currently underway.
ottimit PURCHASED
I have a problem, when I send a long page to the printer, only the first page is visible.
There are some fixes to do at the media print css?
Good Evening ottimit,

Did you check if you are selecting "print only visible section" on the printer options. I know that may sound trivial but I need to check first.

If that's not the problem, can you send me a link where I can test it out? If it's a sensitive page, you can send me the link at support [at] base5builder [dot] com

Looking forward to hearing from you.
Hi. Is there anything in the stylesheet that would prevent an offset from working (e.g. class="col-md-6 col-md-offset-6")?
Based on the Bootstrap 4 documentation you don't need the "col-" before the offset class
So instead of [class="col-md-6 col-md-offset-6"] it should be [class="col-md-6 offset-md-6"]

http://getbootstrap.com/docs/4.0/layout/grid/#offsetting-columns
I believe I made a mistake in my last comment. That code is based on Bootstrap 4.0.0 (the latest release) which I'm integrating into QuillPro 1.4

From checking the Bootstrap 4 Beta code, it looks like Offsets aren't in the code. Odd.

The best solution would be to wait, if you can, for the release of QuillPro 1.4 which I aim to release this coming week. It has a whole bunch of fixes and updates.
Great, thanks - happy to hang on. Will 1.4 also fix the top menu layout not working on a small screen? (The hamburger appears but when you open the menu it doesn't fit on the screen. I think it might be better only to have left menus on a small screen.)
Hi - sorry if you'd already seen this tacked onto the earlier item. Will 1.4 also fix the top menu layout not working on a small screen? (The hamburger appears fine, but when you open the menu it doesn't fit on the screen. I think it might be better only to have left menus on a small screen, not top menus.)
Yes, that'll be fixed too. Version 1.4 will have a whole bunch of fixes and updates.
UPDATE: QuillPro 1.4 will be uploaded in a few hours. I'll let you know once it's uploaded and approved.
We really like this product. We've spotted a problem with the main navigation in the 'layout-top-menu-normal.html' file on a small screen.

The 'Dashboard' sub menu contents that appear after clicking the hamburger overshoot the containing black nav when viewed on a mobile device. Could this be looked into?

Out of interest, when is Version 1.4 due to be released?
Hi David,

The top menu has been changed to slide down to fix the issue and is part of the version 1.4 update.

Version 1.4 will be released within the next few days. Currently updating the sample files, then a little more testing and we're all set.
UPDATE: QuillPro 1.4 will be uploaded in a few hours. I'll let you know once it's uploaded and approved.
I see there was an update.
What was updated? Do you have a change log?
Hi eternityhq,

The update, v1.5, brings new features that were requested. If you need the features then you will need to download the update.

CHANGELOG
(I thought it shows up on the description page but it shows on a different tab instead)

- ADDED: Filterizr Filter & Sort (Alternative to Isotope)
- ADDED: Gallery
- ADDED: RTL Compatibility
SSSikora PURCHASED
Just purchased, what a beautiful theme. Three questions for you. One, is there a way to fix the top navigation bar without using the top menu? Two, I don't see a footer, is there one I just missed? If so, can it also be made static? Three, any chance that working on some "app" pages is in your queue. As a developer and not a UI person that is one of the most valuable things to me. Some pages additional pages usable for profiles, customers, vendors would be helpful as some project and project details pages.

Thanks for your time and, again, what a nice piece of work.
Scott
Thanks for the kind words.

1. Fix top notification bar without menu: You'll been to make some CSS changes to do this. I will create a class for this. I'll update this comment once I do.

2. There is a footer but doesn't contain much except the "Powered by Base5Builder". In each HTML file you will see a footer tag where you can edit as you wish.

3. There is a profile page, it's the last in the list. I am open to any suggestions on what pages you'd like to see.
Very happy with the template. Is anything in your popover data-toggle that is different from the base Bootstrap? Tempus Dominus a datetimepicker works well with the template except the background (popover body) is just little small (half of the last day of the week in a monthly calendar is missing).

It may be a Tempus issue but when I run Tempus on pure Bootstrap it works well. Thanks
Hey tmossholder,

Terribly sorry about not replying earlier, I didn't realize I had skipped this.

The popover in QuillPro has it's z-index increased to 9999 so it can work within modal boxes. I believe MDB clashed with Bootstrap 4 causing modal box problems with popovers, so the fix was needed.

If you want to change the z-index, you can go to line 4097 in assets/sass/quillpro/quillpro/_quillpro-core.scss and change the value.

For a direct CSS change go to line 4336 in assets/css/quillpro/quillpro.css and change the value.
Thanks for the reply. The z-index turned out not to be the source of my trouble but having it helped me rule out QuillPro as the source of the problem. I ended up adding the css below. All good now.

.bootstrap-datetimepicker-widget.dropdown-menu {
width: 18rem!important;
}
kalyanc PURCHASED
It's a great template. What makes it even greater is excellent support. No matter what I have asked, got answered. However, I recently released my website and noticing that the sidebar is kind of sluggish due to the on hover highlight. Is it possible to disable it?
Hi kalyanc,

Thanks for the kind words. As for the hover effect, you can disable it by commenting out the properties in the scss and css file (depending on which you use)

SCSS (assets/sass/quillpro/quillpro/_quillpro-core.css)
At line 3504, comment out the 2 properties.

CSS (assets/css/quillpro/quillpro.css)
At line 3753, comment out all the css properties you see.

Also, since you've launched your website, can you send me the link for me to test out the hover issue? You can send it to [email protected] if you can't post it here.

Thanks
Hello,
i'm thinking about to use this template for a SAAS project,
Can i use it in that way buying a single license?

Thanks
Hi Meldro,

From my understanding of the Single License, you CAN use it for an SaaS project as long as it's just one project and you are not giving a copy of said project to customers to download.

It short, yes you can.
Hi,
How to collapse / expand left navbar?

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase

$14
331Purchases

Licenses: Details »

Single application $14
Version:1.6
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
  • Fluid
Browsers:
  • IE 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Category:
Topic: General
Labels: admin, admin template, admin templates, bootstrap 4, crm, material, material design, minimal design, premium admin template, responsive admin template
Item#:WB0N09J36
Released:6 months ago
Updated:1 month ago
Sold exclusively on WrapBootstrap
Base5Builder

Base5Builder

Signed up 2 years ago

Need a front-end template?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running:

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation