coreui / coreui-free-angular-admin-template Goto Github PK
View Code? Open in Web Editor NEWCoreUI Angular is free Angular 17 admin template based on Bootstrap 5
Home Page: http://coreui.io/angular/
License: MIT License
CoreUI Angular is free Angular 17 admin template based on Bootstrap 5
Home Page: http://coreui.io/angular/
License: MIT License
When using .sidebar-fixed
and .breadcrumb-fixed
in mobile layout, opening the sidebar causes the breadcrumb to overlap the sidebar.
IMO the breadcrumb should shift to the right just like the body.
I created asp.net core 2.0 project with angular 4. Now i want to add core UI layout to that project. but in my project i does not have any angular CLI. only have the web pack. how i convert this?
Hi when i put my site on fullscreen mode i have a black overlay
Can you help me?
I was trying to get a sidebar template for each page route navigate on top navbar and each page is in it own module.
i'm been trying to get this feature for somedays and can't worked out the bugs yet.
Hello,
I'm trying to find documentation on how to update the Core UI component in an existing application. I found this: http://coreui.io/docs/upgrade-guide/1-0-0-alpha-5/, but I'm already on a new version. I would like to know what's the preferred method for updating core ui in an existing application.
hello,
i am facing one issue that is when i put my table or any large amount of data which has width too much it directly overlap that content on side menu bar means right side space it limited when when i put my data & make horizontal scroll it directly goes out of that div & content goes on left side menubar. check above screenshot
Hi, I am not able to create a shared component which can be used in multiple views. Here is what I did
Here is the error I am receiving. Is that the right place to create a shared component? I did try creating a shared component inside views folder still no luck. Please suggest me where I am doing wrong. Thanks.
Hai,
Is there option to side nav toggle without closing all icons. If it should viewing icons as a side nav it could be better. please let me know regards this option.
Node.js: 8.9.4 x64
npm: 5.6.0
Repro steps:
git clone https://github.com/mrholek/CoreUI-Angular.git
cd CoreUI-Angular/Angular5_CLI_Starter
npm install
npm start
Result:
module.js:540
throw err;
^
Error: Cannot find module '@angular-devkit/core'
at Function.Module._resolveFilename (module.js:538:15)
at Function.Module._load (module.js:468:25)
at Module.require (module.js:587:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (C:\Dev\CoreUI-Angular\Angular5_CLI_Starter\node_modules\@angular-devkit\schematics\src\tree\virtual.js:10:16)
at Module._compile (module.js:643:30)
at Object.Module._extensions..js (module.js:654:10)
at Module.load (module.js:556:32)
at tryModuleLoad (module.js:499:12)
at Function.Module._load (module.js:491:3)
Is there a console command that generates a view ?
It is just annoying to copy a existing view and change all the names and file names to have a new view.
Thanks !
A horizontal bar chart is not working. Cart.js supports horizontal bar chart but there is no support here. Is there need of including something or its issue with the code. Please help
How to remove hash from url... Because i wants to use facebook auth .. Facebook is not accepting hash url..
After having used many Bootstrap templates, CoreUI-Angular is a refreshing change - because you have all the components in the framework of your choice (Angular in mine).
However, there seems to be some disparity and missing information. The disparity is between what is on the demo site - http://coreui.io/demo/Angular2_Demo/ - and the source code available in this repository.
Is the complete set of information available in the PRO version of CoreUI?
if i want that the backend of this dashboard template to be firebase how can i proceed ?
Your current documentation shows how to use bootstrap alerts with Jquery only. How can they be used in Angular2+?
hello,
i am facing one issue that is when i login for first time & generate modal popup dynamically, modal popup executes properly but when i click i on button to close modal popup modal closes but background remains transparent and i cant perform any operation ,means i am facing backdrop issue. when i inspect element & check "" this remains as it is. this doesn't remove from DOM on close button. but when i refresh the page all working fine & this line "" is also remove from DOM.
following is the code & screenshot
<div bsModal #moduleStatusModal="bs-modal" class="modal fade" [config]="{backdrop: 'static'}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-success" role="document">
<div class="modal-content">
<div class="modal-header">
<i class="fa fa-check-circle-o fa-3x" aria-hidden="true"></i>
<h5 class="modal-title">heading goes here</h5>
<span> </span>
</div>
<div class="modal-body text-center">
<div class="finish-info text-center">
content goes here
</div>
<div>
content goes here
<hr>
<button class="btn btn-primary text-center" (click)="moduleComplete()">{{'Stepper.Next' | translate}}</button>
</div>
</div>
</div>
ts file code
moduleComplete() { this.moduleStatusModal.hide(); }
After runing "npm install" and "ng serve" for Angular4_CLI_Full_Project I'm getting:
Cannot find module 'copy-webpack-plugin Error
and can not find any solution to it (I have no problem starting Angular4_CLI_Starter-maybe worth to mention)
It has be closed manually
Did your template support Arabic Language which needs to be viewed from Right to Left?
Is there a way to add dynamic names and url into _nav.ts ?
I'm using bootstrap 4 beta and I'm importing it from node_modules.
The text inside a primary, success and danger button is white, but for the others it is #111.
I have a table like this:
<table class="table table-bordered table-striped">
<thead>
<tr>
<th class="col-5">Name</th>
<th class="col-3">Login</th>
<th class="col-3">Role</th>
<th class="col-1"></th>
</tr>
</thead>
<tbody>
<tr>
<td>Juliano</td>
<td>juliano</td>
<td>Supervisor</td>
<td>
<a class="float-right holder-icon-link" href="null"><i class="fa fa-trash fa-lg"></i></a>
<a class="float-right holder-icon-link" ng-reflect-router-link="/users/edit,4" href="#/users/edit/4"><i class="fa fa-pencil fa-lg"></i></a></td>
</tr>
</tbody>
</table>
However the columns are not respecting the sizes I've set on each <th></th>
. The first column is taking almost all of the available space and the others are using just the space necessary for its content. Why?
Please add .env files support on build app
Hi!
Bootstrap 4.beta.3 released, update please!
Hi
please help me How to integrate the CoreUI-Angular with ASP.Net Core 2.0
Thanks,
Krishna
How to integrate CoreUI Angular with an existing JavaScriptServices Angular Spa app?
Hi! Why we use ul
tag as navbar root instead bootstrap 4 standart?
https://github.com/mrholek/CoreUI-Angular/blob/master/Angular4_CLI_Full_Project/src/app/components/app-header/app-header.component.html#L9
Dear Team,
Really your theme is awesome, and it help me a lot to understand Angular 2+
I found an issue, when applying "sidebar-compact" on body then try to minimize the sidebar menu by pressing the button at the bottom to minimize it, I got the issue as show in the attached image
Node -v = v8.9.4
npm -v = 4.3.0
Error:
module.js:540
throw err;
^
Error: Cannot find module '@angular-devkit/core'
at Function.Module._resolveFilename (module.js:538:15)
at Function.Module._load (module.js:468:25)
at Module.require (module.js:587:17)
at require (internal/module.js:11:18)
at Object. (C:\wamp\www\ngApi\node_modules@angular-devkit\schematics\src\tree\virtual.js:10:16)
at Module._compile (module.js:643:30)
at Object.Module._extensions..js (module.js:654:10)
at Module.load (module.js:556:32)
at tryModuleLoad (module.js:499:12)
at Function.Module._load (module.js:491:3)
I like the theme and would like to contribute.
the first thing I want to add is a multilevel dropdown menu in the navbar on the header.
Any ideas?
Hi! How to prevent this in my case?
https://in-frame.com/a2/signup
Looks like the instructions to use CoreUI in an Angular project at http://coreui.io/docs/getting-started/introduction is not complete.
Specifically how should I import the CoreUI Angular module and use it in my module? Any help will be greatly appreciated
URL: https://coreui.io/demo/Angular2_Demo
Giving me error 404
If one now grabs this project and compiles it looks different from what you have here - http://coreui.io/demo/Angular2_Demo/#/dashboard . This is important.
npm run test
or npm run e2e
are both fail.
hello,
i am embedding screenfull.js in this plugin to make image full-screen. but i am facing one issue that is that when i click on the image it take only the size of right side area. means, it restrict somewhere the left sidebar & top bar is fixed so my full-screen div not go in fullscreen mode
![Uploading Screenshot from 2017-11-22 18-20-32.png…](this is what getting the output)
![Uploading Screenshot from 2017-11-22 18-21-21.png…](expected output)
Now we have this in all app components.
My question, is there a reason behind moving children out of the element and then removing that element? This seems detrimental to the initial performance (while the idea may have been to make a dom tree more shallow for future performance, correct me if I'm wrong)
Also, linter immediately complains about these things (these are just some remarks, I'm not complaining):
I've cloned the latest sources for Angular4_CLI_Starter
and tried to add Single button dropdown
example from the documentation to the dashboard.component.html
. It doesn't work - dropdown button appears but if you click it, nothing happens.
BTW it shows the dropdown if I add show
class to dropdownMenuButton
in the Chrome inspect mode.
Please help.
I have a problem,
if I try to do something like {{mycontent | json}} I get an error:
Template parse errors:
The pipe 'json' could not be found
If I try to do a reactive form I get:
Error: Template parse errors:
Can't bind to 'formControl' since it isn't a known property of 'input'.
I do import the modules on the same page:
import { NgModule, Component, Pipe, OnInit } from "@angular/core";
import { FormGroup, FormControl, FormsModule } from "@angular/forms";
import { BrowserModule } from "@angular/platform-browser";
@NgModule({
imports: [CommonModule, FormsModule, BrowserModule]
})
Seems to me the modules loading does not work, or I don't understand how.
If I get an angular seed project it works out of the box.
Thanks in advance,
Rares
There are two problems regarding Collapse elements (http://coreui.io/docs/components/collapse/):
#collapseOne
due to href attribute:<a data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
$('.collapse').collapse()
) does not work. Instead, it gives an error like that:Property 'collapse' does not exist on type 'JQuery<HTMLElement>'.
CoreUI and GenesisUI both seem like the same framework (which you work on). Can you explain the differences and why you would choose one over the other.
When the graphic accelerator is enabled and trying to open a modal dialogue, elements of the UI are shown next to the opened dialogue.
It is no longer possible to click anything on the page once a modal is opened. You can only dismiss it by pressing Escape. This seems to be the case with all current versions of CoreUI, not just Angular. Even the documentation page for modals has this problem. Click the "Launch demo modal" button on the above page and try to click anything.
The issue is with this recent addition to the theme's core/_temp.scss:
.modal-open .modal {
display: block;
}
Not sure why this was even added, but this causes all modals defined on the page to have display: block;
when any one modal is open. This means only the last modal defined on the page would be interactive.
Temporary workaround - add the following to your _custom.css:
// Fix for error in CoreUI
.modal-open {
.modal {
display: none !important;
}
.modal.show {
display: block !important;
}
}
hello i am using your Admin Template & it's a great template. but i am facing one problem while customising your template. you have provided slide bar, where list menu's present. i want to make that menu collapsible means when i click on a menu that menu should open but other opened menu should close or collapse.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.