There seems to be an issue when trying to add a datepicker from https://bootstrap-datepicker.readthedocs.io/en/latest/ and bootstrap select from http://silviomoreto.github.io/bootstrap-select/

Whenever I try to add it like below, the picker is generated but doesnt show

<input name="campaign_start" id="campaign_start" />
<link rel="stylesheet" href="/assets/bootstrap-datepicker/css/bootstrap-datepicker.min.css">
<script src="/assets/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script>
$(function() {
$('#campaign_start').datepicker();
});
</script>

Any help would be appreciated, thanks

On a page with multiple checkboxes, they seem to function as radios where only one can be checked. Sometimes, they don't check at all. Sometimes, they work, but not often.

I've confirmed the exact same behaviour on the Creative Tim website as well, so I know it's not my installation or custom changes.

This is on multiple versions of iOS and I'm using Paper Dashboard Pro.

when I add selectpicker class to select then I cant add options dynamically using jquery It is working fine without adding class

Customer details:

"I'm checking http://demos.creative-tim.com/paper-dashboard-pro/examples/dashboard/overview.html on Windows (Chome & Firefox)

During minifying the sidebar, the UI scroll is defaulting to browser one instead of the one that comes with the theme. Could you please check this and fix?

Thanks"

Hello,

I would like to use this dashboard and would like to know under which license it can be used.

Thanks

how to use the template with htacces, since it does not work, friendly routes

In .navbar-default there is no color styling for .navbar-brand, taking the default styling from Bootstrap.

https://github.com/creativetimofficial/paper-dashboard/blob/master/assets/sass/paper/_navbars.scss#L56

First of all, great product, however I have noticed some small bugs.

The main one being - when the sidebar on Paper Dashboard Pro is minified, the footer does not stay stuck to the bottom if page content does not fill the screen, it raises to the bottom of the content leaving a white space below it. There is also a small section of white space under the minified sidebar. Here is a link to a photo describing the issue - https://www.dropbox.com/s/b871km7xbwgblst/pdp.png?dl=0

I have tested in the latest version of Chrome, Safari, and Firefox Developer Edition

I did not see a paper dashboard pro repo, so posted here.

Hi Tim,

I bought your paper-dashboard template 2 days ago and have an issue with your Customisable Select. When I implement this on a page, I get fllowing error in Chrome console:
Uncaught TypeError: $(...).perfectScrollbar is not a function
at HTMLDocument. (paper-dashboard.js:95)
at l (jquery.min.js:2)
at c (jquery.min.js:2)

If I open your example page 'extended.html' I see the same error ...

If I search the internet, I see also a lot of others having issues with these scrollbars, but I could not find a solution yet. Can you please provide me the correct way of implemting this?

Thanks in advance for your swift response and help with this.
Best regards,
Steffen

Getting the below error when trying to bundle with Webpack 4 -

activeModuleNotFoundError: Module not found: Error: Can't resolve 'submit-feedback' in 'C:\Projects\public\apps'
at factory.create (C:\Projects\node_modules\webpack\lib\Compilation.js:823:10)

Please suggest.

When I navigate to https://demos.creative-tim.com/paper-dashboard/examples/dashboard.html
And I am on a Mac
And i am using Chrome
Then I see a horizontal scrollbar on the bottom of the sidebar

This issue is present in the live demo as well as when I download the free version and run it locally.
I also see it on Safari desktop (I don't have a windows machine to test it with any other browser)

See Screenshot here:
https://imgur.com/a/TLUymeT

The mobile view is not working poperly. The navbar collapse should close the sidebar when toggled. But its still showing the sidebar even after close. The layout is not zoomed to be viewed in the mobile too..

How do i remove the sidebar?
i tried commenting out the sidebar code but it looks stretchy now

any ideas?

I bought Dashboar Paper Pro 2 and when I start any example page in firefox (release 59.0) I have been getting bad request for Nucleo Apps Icon. I was taking look in head calls and I realized that nc is not called that. Could it be a problem? How could I deal with that?

If you want the old big avatar back in sidebar please take the uploaded partial _sidebar-and-main-panel.scss and just overwrite in assets/sass/paper/_sidebar-and-main-panel.scss with the new file then compile your assets/sass/paper-dashboard.scss with Koala. Make sure the output path is assets/css/paper-dashboard.css.

_sidebar-and-main-panel.scss.zip

Regards,
Dragos

I want to use the default nav properties as i am not able to implement my angular js owhen it collapses

I cannot decently render a checkbox in the page. If styling using the form control classes as provided in the user profile demo page, nothing will show up. The only chance to have something rendered is just not using any styling at all.

May I know what version of node is this using?

Version

2.0.1

Reproduction link

https://demos.creative-tim.com/paper-dashboard/examples/dashboard.html

Operating System

MacOS

Device

Macbook Pro

Browser & Version

Chrome 83.0.4103.116

Steps to reproduce

1. Navigate to https://demos.creative-tim.com/paper-dashboard/examples/dashboard.html on a desktop browser
2. See the scrollbar at the bottom of the sidebar
3. See https://imgur.com/a/TLUymeT if unable to reproduce

What is expected?

Scrollbar should not be present

What is actually happening?

Scrollbar is present

Solution

Additional comments

I noticed there was an open PR from 2 years ago that claims to fix this issue - #16. I made the changes myself locally (paper-dashboard.css, starting at line 4124) and the issues seems the be resolved.

The Link to the Demo project is not working

Version

2.0.1

Reproduction link

https://demos.creative-tim.com/paper-dashboard/examples/dashboard.html

Operating System

MacOS

Device

Macbook Pro

Browser & Version

Chrome 83.0.4103.116

Steps to reproduce

1. Navigate to https://demos.creative-tim.com/paper-dashboard/examples/dashboard.html on a desktop browser
2. See the scrollbar at the bottom of the sidebar
3. See https://imgur.com/a/TLUymeT if unable to reproduce

What is expected?

Scrollbar should not be present

What is actually happening?

Scrollbar is present

Solution

Additional comments

Hey I am using dashboard 2.0 and would like to render a 404 page.

I would NOT like the 404 page to show up in the sidebar. I would like to render it with the AdminLayout, and redirect to the 404 page whenever another route is not found.

The below code is not working, but I think it shows my intentions.

    <Switch>
        <Route exact path="/" component={HomeView} />
        <Route path="/auth" render={props => <AuthLayout {...props} />} />
        <Route path="/admin" render={props => <AdminLayout {...props} />} />
        <Route path="/404" render={props => <AdminLayout component=NotFoundPage {...props} />} />
        <Redirect to="/404" />
    </Switch>
);

Thanks for any help, the dashboard has been great.

https://www.creative-tim.com/new-issue/paper-dashboard

I am getting this error while updating the sass files. I want to update the colors of the buttons
Error: Top-level selectors may not contain the parent selector "&".
*,

• 25 | &::-moz-placeholder {@content; } // Firefox
• | ^^^^^^^^^^^^^^^^^^^^
• '
• xampp\htdocs\iotasmartlab\assets\scss\paper-dashboard\mixins_inputs.scss 25:3 placeholder()
• xampp\htdocs\iotasmartlab\assets\scss\paper-dashboard_inputs.scss 1:1 @import
• xampp\htdocs\iotasmartlab\assets\scss\paper-dashboard.scss 27:9 root stylesheet

Version

Paper Dashboard PRO - V1.3.1

Reproduction link

https://demos.creative-tim.com/paper-dashboard-pro/examples/forms/extended.html

Operating System

Windows 10

Device

PC

Browser & Version

Chrome, latest

Steps to reproduce

Open the 'extended.html' page in the examples of paper-dashboard-pro-v1.3.1
Watch the console in Chrome
See error mentioned in title

What is expected?

No error should be exptected in the console when opening this example

What is actually happening?

Error is produced, saying perfectScrollbar is not a function

Solution

Did not find any solution yet, please help me find one.

Additional comments

Thanks for the nice work you did, I really like the template. But I need to get it to work without errors, so thank you in advance for your swift response and help with this.
Best regards, Steffen

https://www.creative-tim.com/new-issue/paper-dashboard

I am getting this error while updating sass files. I want to change the colors of the buttons. Please help

Error: Top-level selectors may not contain the parent selector "&".

• ,
• 25 | &::-moz-placeholder {@content; } // Firefox
• | ^^^^^^^^^^^^^^^^^^^^
• '
• xampp\htdocs\iotasmartlab\assets\scss\paper-dashboard\mixins_inputs.scss 25:3 placeholder()
• xampp\htdocs\iotasmartlab\assets\scss\paper-dashboard_inputs.scss 1:1 @import
• xampp\htdocs\iotasmartlab\assets\scss\paper-dashboard.scss 27:9 root stylesheet

Prerequisites

Please answer the following questions for yourself before submitting an issue.
https://demos.creative-tim.com/paper-dashboard/examples/dashboard.html

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting

Current Behavior

What is the current behavior?

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. step 1
2. step 2
3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device: Chrome
• Operating System: windows
• Browser and Version: Version 81.0.4044.138 (Official Build) (64-bit)

Failure Logs

Please include any relevant log snippets or files here.

When I change the data-color attribute in the sidebar div (http://prntscr.com/kq9chj) it doesn't change and shows brown. (http://prntscr.com/kq9cu2)

Any ideas?

sub menu in sidebar not working in angular paper dashboard

submenu are not hide under parent menu , is submenu in sidebar is supporting in angular paper dashboard

Does theme supports RTL?

hi, are there plans for a react version of this?

PaperDashboard Issue

I tried making links in navbar, in google chrome it's showing but in IE it does not show

IN GOOGLE CHROME VIEW

1.First you need to add the class “navbar-fixed ” on the tag nav and move your structure outside of the div with class “main-panel” like this:

 <div class="sidebar" data-color="orange" data-image="../assets/img/full-screen-image-3.jpg">
        ....
    </div>

    <nav class="navbar navbar-default navbar-fixed">
        <div class="container-fluid">
            ....
        </div>
    </nav>

    <div class="main-panel">
        <-- .navbar used to be here, but was moved outside of this div -->
        ....
    </div>

2. Go to your scss partial _navbars.scss and add the following properties to your class “.navbar-fixed”:

.navbar-fixed{
    position: fixed;
    z-index: 1032;
    right: 0;
    width: 100%;

    & ~ .main-panel > .content {
      padding-top: 95px;
      min-height: calc(100% - 71px);
    }
}

@media (min-width: 991px){
    .navbar-fixed{
        width:calc(100% - 260px);
    }
}

3. Compile your scss with Koala assets/scss/paper-dashboard.scss

The file paper-dashboard.js contains a bunch of JS errors when in strict mode. Given that strict seems to be the default mode in current "modern js" setups, I think it would be good to have this file fixed.

I try to move navbar from main-panel "app.component" to component that I just create.
I create "admin component" and I want to use navbar for "admin component"

problem is .. when I resize for mobile and click toggle and click to another path in admin component
example : localhost/admin/test1 and clock to localhost/admin/test2
toggle didn't show close menu when I open it on the right side
I have to double click then toggle close happen and I can't click on the content to close sidebar for mobile

thanks for help :)

The MIT license does not require the footer credits to be unchanged, so I'm hoping to get clarification on this. Instead, the requirement is to preserve the original license by creativeTim in all or substantial portions of the software, which should certainly be respected.

The reason I asked is, when there's conditions added to the original MIT license, it's now altered and its original force will be in doubt. I'm just looking for a clearer answer.

Thanks!

../fonts/nucleo-icons.svg is referenced in /assets/css/paper-dashboard.css, but is missing in the repository and the currently available npm package (2.0.0).

There's a typo in the .input-group-addon definition, where the second .has-error should have been .has-success:

.input-group-addon {
    // ...
    .has-error &{
        color: $danger-color;
        border-color: $danger-color;
    }
    .has-error &{                    // <== TYPO HERE
        color: $success-color;
        border-color: $success-color;
    }
    // ...
}

https://github.com/creativetimofficial/paper-dashboard/blob/master/assets/sass/paper/_inputs.scss

Version

v2.0.1

Reproduction link

https://demos.creative-tim.com/paper-dashboard/examples/dashboard.html

Operating System

window

Device

laptop

Browser & Version

chrome version 88.0.4324.104

Steps to reproduce

1. Open paper dashboard 2 demo at https://demos.creative-tim.com/paper-dashboard/examples/dashboard.html
2. Resize the browser screen until it is narrow enough to collapse the side-bar.
3. Now the sidebar button appears on the top left. However, the button does not re-open the side-bar when it is clicked.

What is expected?

The side-bar can be re-opened when the button is clicked

What is actually happening?

Nothing happens when the button is clicked.

Solution

Additional comments

Error message from console:

paper-dashboard.min.js?v=2.0.1:1 Uncaught ReferenceError: PerfectScrollbar is not defined
at paper-dashboard.min.js?v=2.0.1:1
at paper-dashboard.min.js?v=2.0.1:1

(unknown) Uncaught ReferenceError: u is not defined
at d (:1:693)
at :1:809
at :1:814