Discussion on QuantumPro - Bootstrap 4 Dashboard & UI Kit

Discussion on QuantumPro - Bootstrap 4 Dashboard & UI Kit

Cart 551 sales
Well Documented

authenticgoods supports this item

Supported

92 comments found.

Hello, how can i add my owns aside-right-open i try if ( $(“body.aside-right-open”).length > 0 || $(“body.aside-left-open”).length > 0 || $(“body.nuevo-congregante-aside-right-open”).length > 0 || $(“body.mail-compose-open”).length > 0

but it doesnt show de form thanks

Hi – The right sidebar needs to have the class .sidebar-right around it. Then to open and close it, you’ll toggle the .aside-right-open class on the body tag.

Hello, how can i add my owns aside-right-open i try if ( $(“body.aside-right-open”).length > 0 || $(“body.aside-left-open”).length > 0 || $(“body.nuevo-congregante-aside-right-open”).length > 0 || $(“body.mail-compose-open”).length > 0

but it doesnt show de form thanks

Hi – The right sidebar needs to have the class .sidebar-right around it. Then to open and close it, you’ll toggle the .aside-right-open class on the body tag.

Good day. I can use your analytics to take into account views of posts created by users on my web site. I need an account of views for each user. I also want to convert views into money that the user will receive for the post created. thank

Hi – Yes you can do that with QuantumPro!

Thanks for the great theme! I love it. I am requesting access to the github repo? nicholas.francioso@gmail.com

Hi – thank you for your support! Please email me your GitHub username to support@authenticgoods.co

I noticed on the Mega Menu, if you have a column with only 2 list items in it, it’ll puts them side by side. Is there anyway to make those items list vertically?

Hi,

Yes, that’s pretty easy to do. Just look for the class .list-items class inside of that menu and overwrite or change the column-count: 2; to column-count: 1; Let me know if that works for you!

Hi is there a way to have the sidebar fixed with the compact menu? I saw an earlier comment to use the fixed.css for the menu but nothing for using the compact menu? I was able to modify the following css and it seems to work fine.

<nav class=”main-menu” style=”position: fixed;”>

However I wanted to know if there was a way already built in using no inline styling?

Hi – There’s not a compact + fixed combo built-in. However, if you’re looking to avoid the inline-styling, you can use the built-in BS utility class of .position-fixed

Is it possible to remove the padding around a table so it fills a column/card?

Here’s the top portion of the card I’m using:

Road Trains
<thead> .....

Trying to figure out if there’s a built in style/class that would remove this white space between the table and the edge of column.

https://cdn1.imggmi.com/uploads/2019/2/21/92e7f72ebe7b873d6c76725c8e3aeced-full.png

Thanks!

Ah, just figured it out.

div class=”card-body p-0”

Hello,

Thanks for this great theme, I’m loving it.

I’m attempting to use demo2 as the base theme for a Rails app.

If I copy all CSS and JS files linked to from index.html for that demo, would that be all I need for that specific version of this theme?

Or am I better off including every single asset in /html5jquery-bs4/dist/assets?

Thank you, Cody Fitzpatrick

Hey Cody,

I’m glad you like it! I separated out the Global from the Page Level scripts and styles so the theme wouldn’t get bloated. Starting with the JS at the bottom of the index.html in the source code you’ll want to use everything under “Global Vendor Scripts” and “Global App Scripts”. Anything titled “Page Level…” will be any 3rd party plugins and/or custom script for that page only. As for the CSS you’ll want everything except for the “Page Vendor Styles”.

Hope this helps!

Hey authenticgoods,

Thanks for the quick response.

I certainly appreciate the separation of global vs page-specific stylesheets & scripts—highly valuable for developers new to your code. :)

While working within demo2, to change major components like menus etc, I would simply change out which CSS files we are linking to (from the theme download) for layout, menu-type, and themes, correct? (With utilize a menu-type and theme within the chosen layout of course.)

Sorry for that confusing final question. Got everything figured out! Thanks again.

Hi there, checking out this theme and had 2 questions. Would I

1) be able to make the sidebar width a little smaller

2) add badges to the sidebar menus (top level and sublevels)

thanks!

Hey,

Awesome, thanks for your purchase! You can change the width on this class .sidebar.sidebar-left {} and on this file dist/assets/css/layouts/vertical/menu-type/default.css It’s currently set to 255px for the width and min-width, you can change both of those values to what you need.

Thanks! For the Tooltip, is it possible to set it to be wider on certain links? If I a long string of text, it’s a tall, narrow tooltip. Wondering if I could widen it some.

Hi – Yes, that can be wider if you like. By default Bootstrap has a max-width of 200px on it. So you can overwrite that by adding .tooltip-inner{max-width:400px;} or however wide you want it.

Hi,

When I add messages into the chat panel (apps.messages.html) with javascript, the header of the chat div hides, so I cannot see the search bar or user bar. Let me know if you face the same issue and how to solve it.

Cheers

The best way is to use the built-in methods provided by the custom scrollbar that’s on there already….”malihu custom scrollbar”. I ran into the same issue you’re having once before and used there scrollTo method to solve the problem. http://manos.malihu.gr/jquery-custom-content-scroller/#methods-section-scrollTo

Thanks, it works perfectly.

Hey authenticgoods,

are there any plans for new apps or pages (Update)?

Best

Sure, what are you interested in…what do you need?

Thank you for the fast response.

I would be interested in features like: - footer - example of mega-menu with images - page header examples - maybe a simple landing page?

We would like to use quantum-pro also as a Landingpage. Thank you for creating this great template.

Best

Hi, how does your theme work as a CRM. Where is the customer database? Is it built in?

No db it’s front-end only…would it help if I wired it up to one? Like Firebase or something?

Hi Great theme and I am actively considering purchasing. I do have a few questions. Is there an easy way to make the sidebar fixed (the main sidebar and the additional left side bar ‘aside’ ? (quantum-pro/demos/demo3/layout.left-sidebar.html). Are there plans to add alert popups (toastr etc.) or a tour plugin or split sign on screens?

Hi,

Yes there are existing classes that can be added to the body tag that’ll make the sidebar fixed.

There’s currently “SweetAlert2” popups under the components sections. Hope this helps, let me know if you have any more questions.

Hi ,

Thank you for great theme.

For login page and forgot password page , the page is scrolling, i dont need scroll bar as there is not much content so how to prevent scrolling

thank you

Change the margin on the .sign-in-form class from 15% auto to 15% auto 0 auto

It works !!!! thank you

Awesome! Glad I could help!

Hi, I need to integrate bootstrap notification on a button click with this design

None of the themes work that way, that would take some customizing.

Ok! Can you support for that

I don’t know that I can, it seems like something that may be custom to your app. You may want to start with Demo 3 the compact menu style. That one has the icon only view, if the icon has sub-menus then those will get that hover effect. However, without sub-menu items like the Calendar icon…nothing will pop-out, since there’s nothing to show. So that would be like disabling the mouse over effect.

Hope this helps!

Hello Author

Can we get PSD files of the design. Was wondering of importing them to sketch and do some custom designs.

Hi – psd files are not included.

Hi, I’m using demo7 and I want to auto-hide the left nav bar so that it’s hidden on default and expands with the user clicks the hamburger icon.

Hi, You can do that by adding the class ‘content-menu-close’ to the body tag. So it would look like this on the body tag… <body class="content-menu content-menu-close">

Works beautifully. Thank you.

You’re welcome!

purchased it today. playing around with it right now its looks really good :) thanks

Thank you! :)

Hi, great theme. Is there a way to make it so that if you’ve implemented fixed layout that the left aside doesn’t scroll with the main content? It is fine in mobile view, because the mini-scroller takes effect, but in desktop view a long page will cause the menu to scroll off page.

Hi,

Thank you very much! Yes, that’s possible. All you’ll need is to add a couple of classes to the body and include another provided css file. I’ve taken a screenshot of what you’ll need, please let me know if you have any questions.

https://snag.gy/Fae8LY.jpg

Great – thanks for the quick response!

Hi We have to change the date format of the date picker to dd-MM-yyyy the picker shows in US format can you please have a look on this.

Thanks

Felix

I have made the changes in bootstrap-datepicker-init.js 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