After doing: npm install I get the following:

Projects\CoreUI-Free-Bootstrap-Admin-Template\Angular2_Dev>npm start

> [email protected] start ..\Projects\CoreUI-Free-Bootstrap-Admin-Template\Angular2_Dev
> tsc && concurrently "tsc -w" "lite-server"

app/widgets/widgets.component.ts(360,9): error TS1005: ',' expected.

I changed the file widgets.component.ts file:

elements: { point: { radius: 0 } },
        legend: {
            display: false
        }
};

Now, I did npm start again and I get:

> [email protected] start \Projects\CoreUI-Free-Bootstrap-Admin-Template\Angular2_Dev
> tsc && concurrently "tsc -w" "lite-server"

app/layouts/full-layout.component.ts(3,10): error TS2305: Module '"/Projects/CoreUI-Free-Bootstrap-Admin-Template/Angular2_Dev/node_modules/ng2-bootstrap/ng2-bootstrap"' has no exported member 'DROPDOWN_DIRECTIVES'.
app/layouts/full-layout.component.ts(4,10): error TS2305: Module '"/Projects/CoreUI-Free-Bootstrap-Admin-Template/Angular2_Dev/node_modules/ng2-bootstrap/ng2-bootstrap"' has no exported member 'TAB_DIRECTIVES'.
node_modules/ng2-bootstrap/components/utils/components-helper.service.d.ts(45,45): error TS2315: Type 'Type' is not generic.
node_modules/ng2-bootstrap/components/utils/components-helper.service.d.ts(56,41): error TS2315: Type 'Type' is not generic.
app/app.module.ts(5,10): error TS2305: Module '"/Projects/CoreUI-Free-Bootstrap-Admin-Template/Angular2_Dev/node_modules/ng2-bootstrap/ng2-bootstrap"' has no exported member 'DROPDOWN_DIRECTIVES'.

Hi guys, I wanted to remove main navbar and to use the breadcrumb on main page as kind of a fixed navbar but I have an issue with it when horisontal size is small. There seems to be some interest in keeping breadcrumb fixed since I have found an old issue #214 (and solution)which by now is closed.

What I did tthe o original solution as implemented in #214, is changed CSS to not add any margin on top, and it works for me, I get the looks and behaviour as I want when I scroll the page:

The problem is when horisontal size is reduced. As layout changes to accomodate for change, the breadcrumb slides down for quite few pixels, and due to it's z-value it cover components below when the view is scrolled. The effect is seen here:

I was lookiing in style.css to fix it but I don't seem to be able to find where it is defined for small sizes. Any suggestion where to look or how to fix this?

My changes to breadcrumb-fixed style:

.breadcrumb-fixed .main {
  /* padding-top: 3.875rem; */
}

.breadcrumb-fixed .breadcrumb {
  position: fixed;
  /* top: 55px; */
  right: 0;
  left: 0;
  z-index: 1017;
}

And I also had to add a spacer to push form below the breadcrumb:

div.spacer {
  font-size: 0;
  height: 50px;
  line-height: 0;
}

getting alot of errors when trying to npm install on v3.0.0-rc.0 you can see complete log of this run : https://paste.ubuntu.com/p/dVQv3fS9Gz/ i tried with node V12 and V13 on windows 10 and ubuntu

Hey , Im using the Static version of coreui , and i notice that if i create more than one modal , i have to use them in a specific order example:

create update delete

the createModal was created first but in order to work ,i must open delete first follow by update only them create will work.

Anyone got any idea how to fix it.

sorry if i miss spell some words english is not my native language.

The issue is when building the website through npm, the end result is a website without icons or functional dropdown menus:

Error: https://i.imgur.com/6FJQ9SE.png

Working: https://i.imgur.com/cHHOVTn.png

The links are there but they do not function properly as they do in the demo.

Hello,

directly on the docs here: http://coreui.io/docs/components/modal

When I click on any demo of a modal, the modal appears with a gray overlay on the full screen making it impossible to click anywhere.

Tried on: Safari 9 and Chrome 53 on MacOS X.

Thanks.

I followed the installation instructions. There are thausands and thousands of files and folders in the node_modules folder. My development environment freezes and it is impossible to work with.

Is this by design?

I dont know if this bug or just because core-ui not supported datatables yet, but when i try to integrate datatables it seems the style is not worked like this.

On RTL enabled if you scroll on sidebar the sidebar content will disappear (start to go right as you see in second snapshot left parameter is decreasing). if you click on any menu that has sub items before scrolling it will work fine. It could be fixed by removing. don't know side effects ;)

 .sidebar .sidebar-nav {
    position: relative;
}

and also sidebar minimizer button position and direction is not correct should be vice versa.

• Win 10
• Chrome
• Coreui v2.1.5 (in style.css mentioned version v2.0.12)

When loading the template first time and expanding some menus there is no scrollbar. This applies for both IE and Chrome. If I scroll down using touch screen the scrollbar appears and I can scroll down. But this means its not possible for users with a pc with no touch screen to scroll down in left navigation bar?

Just Adding to my page in view gives me this error.

Uncaught TypeError: Cannot read property 'nodeValue' of null at coreui.min.js:6

I can not run any jquery for my ajax requests.

Any suggestions?

Bumps minimatch to 3.1.2 and updates ancestor dependency serve. These dependencies need to be updated together.

Updates minimatch from 3.0.4 to 3.1.2

Updates serve from 13.0.4 to 14.1.2

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

The sidebar dropdown containers only open if the URL is exactly the same as the href attribute of a child link.

For example:

• Sidebar dropdown child link with href /admin/category = dropdown opens when visiting /admin/category
• Sidebar dropdown child link with href /admin/category = dropdown does not open when visiting /admin/category/1

Windows 11/Ubuntu 22 Chrome 107.0.5304.87 HTML/Plain JS Version

Nav dropdowns are not expanding properly within Sidebar. The nav-group-items elements are available when inspecting but are not visible anywhere on screen. This appears to be prevalent and replicable in the docs example for Sidebar -https://coreui.io/docs/components/sidebar/

• Windows 10 Enterprise 19044.1889
• Chrome Version 104.0.5112.102 (Official Build) (64-bit)

Hello,

CoreUI has some functionnalities that seems to be ignored in the docs. I wanted to apply the active state to some menu entries based on conditions, but the JS kept adding it to other elements as well. So I dig in and find that there is this _setActiveLink function that's called. It's great and usually do all the work needed by itself. And this function acts depending on a config:

const Default = {
  activeLinksExact: true,
  groupsAutoCollapse: true
}

I don't see a way for us to change this config, for example to set activeLinksExact to false. Also, there should probably be a way to instruct CoreUI to not mess with classes, so _setActiveLink should be fired conditionally (depending on some sort of config as well).

Thanks :)

• Operating system and version: Windows 11
• Browser and version: Chrome Version 99.0.4844.84 (Official Build) (64-bit)

Hello, I'm trying to change icons on the sidebar, but with no success. Whenever I change an icon name in _nav.js:

{
  component: 'CNavItem',
  name: 'Explore',
  to: '/pages',
  icon: 'cil-folder',
},

the icon 'cil-folder' won't be displayed, whereas all the existing icon, ex. 'cil-notes', works fine. I have a feeling that icons have to be somehow declared/imported before referencing them. Is that true? How to change icons on the sidebar menu??? What I'm missing here?

Thank you,