Do you need Angular, React, Vuejs or HTML? For the next days, you can get our awesome Bundles with 70% discount! 🔥

Paper Kit 2 PRO

Premium Bootstrap 4 Ui Kit
· 4.90/5 (120 Reviews)

License

965 Downloads
83 Comments
Premium Support
6 months Updates
Release: 2 years ago
Update: 4 months ago

1000 Handcrafted Elements

7 Customized Plugins

15 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Paper Kit 2 PRO in the light demo version. It has features from the full version. We hope you will like this introduction to this product!

What is in Demo?
  • Elements · 50
  • Plugins · 3
  • Examples Pages · 3
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 1000
  • Plugins · 7
  • Example Pages · 15
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Get Free Demo

We are here to help you!

83 Web Developers commented on this product

Github Docs FAQ Page

stefanrvg 1 year ago

@moldovanst When do you plan to release an update to support the latest final Bootstrap release (4.0.0)? And +1 from my side for the shopping cart page. This would be very helpful for us.

alexehovov
  • downloaded

interested in latest bootstrap support too :)
1 year ago

moldovanst
  • owner

Hello, thank you for using our product, we started to develop Material Dashboard Pro and Free on latest Bootstrap 4 (final) and then, we'll return to other products and also to develop the Shopping Cart Page. Best, Stefan!
1 year ago

johnvon.colln
  • downloaded
1 year ago

What's the best way to customize this? For instance, if I wanted to change the border radius on .card from $border-radius-extreme to something else? Also, what if I wanted to change the colors to match our brand better?

moldovanst
  • owner

Hello @johnvon.colln , thank you for using our product. You will find in assets/sass/paper-kit/_variables.scss all the variables used in the template. We recommend you to change the colors that belong to your brand in this file, likewise, the $border-radius-extreme you can change from this file. Hope this information helps you. Best, Stefan
1 year ago

sinklair
  • downloaded
1 year ago

Is there a way to make the sub-menus expand accordion style like they do in the Material kit instead of having them pop over the rest of the menu content?

moldovanst
  • owner

Hello @sinklair , thank you for using our product; as far as I understand what you said, you have to use a .collapse in a .menul; can you give us an example of how exactly you want to look like your sub-menu? Best, Stefan
1 year ago

sinklair
  • downloaded

Hi @moldovanst I uploaded two screenshots to this link http://jmp.sh/2hj88dp The screen shot of this UI Kit shows how the menu behaves on mobile. The second shows the desired behavior. We would like the submenus to expand down rather than overlay the contents of the other items. Does this make sense? Thanks, Russell
1 year ago

anonymous_007
  • downloaded
1 year ago

Isn't there a built in design(Class) for the Multilevel menus? Th sub-menus are being displayed over the rest of the menus.Like Mr. @Sinklair has asked it would be better if you could introduce a sub menu class as well so that it it just comes out horizontally without affecting other menus. Waiting for ur reply.

moldovanst
  • owner

Hello, here it is an example of how you should set your dropdown menu for having a multi-level one: https://codepen.io/svnt/pen/beEgre. Hope this information helps you. Best, Stefan
1 year ago

anonymous_007
  • downloaded
1 year ago

@moldovanst : I already tried that code, but the issue is as per your scripting on clicking the main menu itself all the sub menus will be listed and the menus are overlapping. Is there any solution provided by you for this? https://imgur.com/a/uFGQ5

anonymous_007
  • downloaded

@moldovanst : I tried the code from : https://github.com/bootstrapthemesco/bootstrap-4-multi-dropdown-navbar It give me a menu like : https://imgur.com/a/h4K6H . Even though you support the vertical drop down like replacing the other menu's its not working for me.
1 year ago

anonymous_007
  • downloaded

@moldovanst : please reply asap.
1 year ago

moldovanst
  • owner

Hello, I created an issue on GitHub, you can access it from this link: https://github.com/creativetimofficial/paper-kit-2-pro/issues/6. Hope it's useful. Best, Stefan
1 year ago

anonymous_007
  • downloaded

@moldovanst please check the git : https://github.com/creativetimofficial/paper-kit-2-pro/issues/6 I have commented on it with screenshots. The code is having some issues it seems!
1 year ago

anonymous_007
  • downloaded

@moldovanst :waiting for your reply.
1 year ago

anonymous_007
  • downloaded
1 year ago

@moldovanst : please provide a solution for this issue!

moldovanst
  • owner

I answered to you on github at the issues which I opened couple days ago. Please provide to us your project (a link or an archive) Thanks!
1 year ago

anonymous_007
  • downloaded

@moldovanst : please check this link http://acrelectronics.in/sub_menu/test.html]
1 year ago

anonymous_007
  • downloaded

@moldovanst : Hi Stefen, I have been waiting for your reply so as to understand what changes you have made in the code? As I have updated you earlier that the code you have given was not working fine and I am not able to find the correction that you have made in my project code. Please do reply.
1 year ago

deckymcdonough
  • downloaded
1 year ago

Please make a Vue version of this :-)

apoimtsev
  • downloaded

+1
1 year ago

Anonymous Tim
  • downloaded
1 year ago

Why is this page so broken in IE11? What can be done to resolve it? http://demos.creative-tim.com/paper-kit-2-pro/examples/discover.html

Anonymous Tim
  • downloaded

I've now found a fix for this. Just 4 short steps: 1. Uninstall IE. 2. Tell anyone who uses IE to jump off a bridge. 3. Try and forget IE ever existed. 4. Add the following CSS: .card-image{ flex-shrink:0; }
1 year ago

apoimtsev
  • downloaded
1 year ago

@moldovanst Hi! Is there any styled datepicker and select to use in PaperKit 2 Pro? Of course i can use it from vue paper dashboard pro which i bought before, but i'd like to be able to use complonents customised for PaperKit, but not from different template with additional dependencies.

apoimtsev
  • downloaded

@moldovanst ok, but where can I get - date/time picker - select - autocomplete input ??
1 year ago

moldovanst
  • owner

Hello @apoimtsev , thank you for using our template, you can not use separate components from multiple products, each kit or dashboard is created with its style and there may be problems when combining / moving them. Greetings, Stefan
1 year ago

moldovanst
  • owner

@apoimtsev , you cannot mix those two products unless you create your own styled datetimepicker or select input.
1 year ago

apoimtsev
  • downloaded

@moldovanst could you help me with this issue? https://github.com/creativetimofficial/paper-kit-2-pro/issues/8
1 year ago

apoimtsev
  • downloaded

@moldovanst check GitHub issues, please
1 year ago

moldovanst
  • owner

Hello @apoimtsev , I replied on GitHub for this issue. Best, Stefan
1 year ago

jgff 1 year ago

I am using this code: <label>Recording Date</label> <div class='input-group date' id='datetimepicker'> <input type='text' class="form-control datetimepicker" placeholder="05/08/2017" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"><i class="fa fa-calendar" aria-hidden="true"></i></span> </span> </div> <br> <label>Air Date</label> <div class='input-group date' id='datetimepicker'> <input type='text' class="form-control datetimepicker" placeholder="05/08/2017" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"><i class="fa fa-calendar" aria-hidden="true"></i></span> </span> </div> And the second datetimepicker doesn't work :( - Any ideas?

moldovanst
  • owner

Hello @jgff , thank you for using our product; you can use how many datetimepickers you wish but with different ID's. Also you have to initialize every datepicker in the JS file. Best, Stefan
1 year ago

You have to be logged in to post a comment. Login here.