Discussion on Espire - Bootstrap 5 Admin Template + Angular 14

Discussion on Espire - Bootstrap 5 Admin Template + Angular 14

Cart 1,204 sales
Well Documented

Theme_Nate supports this item

Supported

This author's response time can be up to 2 business days.

226 comments found.

Hello! In the demo version on the Gallery page there is a functionality for opening a photo in the modal window. Is this functionality preserved for Angular 4+?

Hi, this features is not available for angular 4+

I have more one problem. I create some components and i try use, call the selector in dashboard.html, but no one components work. The message that show in console is: ‘app-teste’ is not a known element

I include in app.module.ts: declarations: [ AppComponent, CommonLayoutComponent, AuthenticationLayoutComponent, Sidebar_Directives, TesteComponent ]

and import: import { TesteComponent } from ’./components/teste/teste.component’;

I’m send a link to download project, by email

I’m sending my project https://we.tl/xQ9ogTyl3l

You are lacking teste.module, you need to create a teste module and import your teste component to the module, you can refer demo folder for more example.

Hi, i have other problem. The commands, like, not work: - ng generate component - ng generate service

The log error:

core_1.PriorityQueue is not a constructor TypeError: core_1.PriorityQueue is not a constructor at new TaskScheduler (C:\Users\guilherme.canton\Desktop\Espire – Bootstrap 4 Admin Template\angular-5\starter\node_modules\@angular-devkit\schematics\src\engine\task.js:20:23) at SchematicEngine.createContext (C:\Users\guilherme.canton\Desktop\Espire – Bootstrap 4 Admin Template\angular-5\starter\node_modules\@angular-devkit\schematics\src\engine\engine.js:81:31) at SchematicImpl.call (C:\Users\guilherme.canton\Desktop\Espire – Bootstrap 4 Admin Template\angular-5\starter\node_modules\@angular-devkit\schematics\src\engine\schematic.js:35:38) at Promise (C:\Users\guilherme.canton\Desktop\Espire – Bootstrap 4 Admin Template\angular-5\starter\node_modules\@angular\cli\tasks\schematic-run.js:73:23) at new Promise (<anonymous>) at Class.run (C:\Users\guilherme.canton\Desktop\Espire – Bootstrap 4 Admin Template\angular-5\starter\node_modules\@angular\cli\tasks\schematic-run.js:72:16) at Class.run (C:\Users\guilherme.canton\Desktop\Espire – Bootstrap 4 Admin Template\angular-5\starter\node_modules\@angular\cli\commands\generate.js:152:33) at resolve (C:\Users\guilherme.canton\Desktop\Espire – Bootstrap 4 Admin Template\angular-5\starter\node_modules\@angular\cli\ember-cli\lib\models\command.js:261:20) at new Promise (<anonymous>) at Class.validateAndRun (C:\Users\guilherme.canton\Desktop\Espire – Bootstrap 4 Admin Template\angular-5\starter\node_modules\@angular\cli\ember-cli\lib\models\command.js:240:12)

Someone know why?

Hi, try to instead @angular-devkit/core”: “0.0.28 to 0.0.29

I’m already using 0.0.29, but not work “peerDependencies”: { ”@angular-devkit/core”: “0.0.29”, ”@angular-devkit/schematics”: “0.0.52” }

I run this command and work: npm install @angular-devkit/schematics@0.0.45 -D

hello,

I’m starting using this theme (angular5 version) with my app and I saw that for example, your demo ng5 is not having a functional search for the top advanced search. Do you know if this is a thing already fixed? Thanks! Eduard

Hi, we will fix this in the recent update.

Hi, i have a problem when install the theme. I open the project and do npm install, but i have a error: This is a stub types definition for FullCalendar (http://arshaw.com/fullcalendar/). FullCalendar provides its own type definitions, so you don\’t need @types/fullcalendar installed!

So, i remove from package.json two dependencies: - “ap-angular2-fullcalendar”: “^1.3.6”, - “fullcalendar”: “3.6.1”

And so i do npm install again, and i have other error: npm ERR! code ENOGIT npm ERR! No git binary found in $PATH npm ERR! npm ERR! Failed using git. npm ERR! Please check if you have git installed and in your PATH.

Please, someone can help me? Thanks in advanced.

Ps: The version is angular-5

Hi, can you send us your package.json via email, we will help you to take a look?

HI, problem solved, I installed GIT

Hi, does your template include landing pages ? Thank you

Hi, there are no landing page in the package.

Hello

In the angular 5 demo, ui-elements / notification, the position is always at bottom right despite of the different position that I choose in the input.

I used chrome.

regards

Hi, thanks for your feed back, we will fix this issue soon.

Would you consider adding drag/drop components to Espire? Maybe using something like Dragula etc? Just be cool to have this within the look & feel you have defined.

Thanks for your suggestion, we will consider adding this feature.

Thanks! one more… thoughts on Material Design form elements?

src/app/apps/email/email.services.ts(38,10): error TS2339: Property ‘map’ does not exist on type ‘Observable<Response>’.

how to fix it??

Hi, please try to check your node_modules folder make sure rxjs module is installed.

hello getting errors compiling after ng serve command im using ubuntu 14 https://gyazo.com/e1b98405061ffdf13f718e3f845fa775 hope you can help me

What version of jquery this template uses?

the current jQuery version in used is ^1.9.1

You mentioned update very soon. Any idea when? 1 day, 1 week, 1 month? :)

Usually within 1 week.

How to set the Sidebar to Dark by default?

Solved. Just add to app class this class “side-nav-dark”

This theme is awesome but before purchase can you fix the demo as shown below: 1. On mobile, the Login page below Image. So user can’t see the login field. This happen too on Register form. 2. On Login/Register Form when user entry is blank then there is no warning like “please fill this field” 3. I need a Login + Forgot Password + Registration form in one page. So server no need to send several pages. When user open Login Form then click Sign Up the Registration Form appear, so do Forgot Password Form.

Can’t wait .. so I just purchased this awesome template!

Hi, thanks for your feedback, we will fix the mobile display issue soon.

Hello,

i added some images in the folder other(assets/images/others/), but when i ran the app, i did not saw the new referenced images.

How can i fix it? or what is the correct manner to add new image to the project?

bye

Hi, make sure the src path is correct, or try to hard reload your browser, it may clear your browser cache.

Making my own data-table component failed

dtOptions: DataTables.Settings = {};

“ERROR TS2503: Cannot find namespace ‘DataTables’.”

I have looked in package.json and everything is there:

angular-datatables: ^5.0.0

datatables.net: ^1.10.16

datatables.net-dt: ^1.10.16

@types/datatables.net: ^1.10.8

What may be the problem? I couldn’t find a solution searching the internet.

Hi, please try to run npm install one more time, it might be some missing part that occurs this issue.

Hello and congrats for the really good job!

After a long evaluation, I’ve just purchased and there are some issues that I think they exists just from the latest version as while playing with the demo last weeks the absence of those issues basically made me buy your product. My interes is focused on the Angular 5 part. So, here they are:

- the date picker now looks uglier than before: it’s like from another world – it doesn’t comply with the general theme;

- I’m very sure it was a really nice daterage picker; now it’s gone

- the selectize (including the tagging) dropdown is now overlapping the actual textbox – it’s quite frustrating to work with;

- project will build if ng2-sticky-kit is at version 5.0.0 and not above so I had to remove ^ from package.json

- project will build if bootstrap is at version 4.0.0-beta.2 and not above so I had to remove ^ from package.json

- the icon captions (ellipsis and refresh) of the top-right action buttons of the cards are not perfecty centered inside the button when hovering (this was also before purchase while evaluating your demo)

I really hope you will solve these issues as soon as possible.

Thank you so much and keep up the good work!

Hi, thank you very much for your feedback, we will check up all these issues & fix it, next update will be very soon.

Hi,

Please see the error I’m getting when i try to “ng server”.

Rahuls-Mac-mini:demo rahulpv$ ng serve Your global Angular CLI version (1.6.2) is greater than your local version (1.5.3). The local Angular CLI version is used.

To disable this warning use “ng set—global warnings.versionMismatch=false”.
  • NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** Date: 2017-12-27T08:43:44.061Z Hash: 79cef72b5daa54ee294a Time: 18930ms chunk {inline} inline.bundle.js (inline) 5.79 kB entry chunk {main} main.bundle.js (main) 2.93 kB initial chunk {polyfills} polyfills.bundle.js (polyfills) 636 bytes initial chunk {styles} styles.bundle.js (styles) 1.85 MB initial chunk {vendor} vendor.bundle.js (vendor) 855 kB initial

ERROR in node_modules/ap-angular2-fullcalendar/src/calendar/calendar.d.ts(3,10): error TS2305: Module ’’fullcalendar’’ has no exported member ‘Options’. src/app/forms/form-layouts/form-layouts.component.ts(4,34): error TS2307: Cannot find module ‘ng2-validation’. src/app/forms/forms.modules.ts(10,35): error TS2307: Cannot find module ‘ng2-validation’.

Hi, it was a missing dependency & dependency version compatible issue. Open package.json, add this "ng2-validation": "^4.2.0", under "dependencies" and instead "fullcalendar" version from ^3.8.0 to 3.6.1.

We will make an updated for the download file as well.

I have a problem with @ng-bootstrap/ng-bootstrap, when i try to build the project i get this error:

ERROR in Error: Metadata version mismatch for module C:/Dev/Espire/node_modules/@ng-bootstrap/ng-bootstrap/index.d.ts, found version 4, expected 3, resolving symbol AppModule …

My package.json file:

{ “dependencies”: { ”@angular/animations”: “4.2.4”, ”@angular/common”: “4.2.4”, ”@angular/compiler”: “4.2.4”, ”@angular/core”: “4.2.4”, ”@angular/forms”: “4.2.4”, ”@angular/http”: “4.2.4”, ”@angular/platform-browser”: “4.2.4”, ”@angular/platform-browser-dynamic”: “4.2.4”, ”@angular/router”: “4.2.4”, ”@angular/upgrade”: “4.2.4”, ”@ng-bootstrap/ng-bootstrap”: “1.0.0-beta.5”, ”@ngui/map”: “0.19.0”, ”@types/googlemaps”: “3.29.2”, “ammap3”: “github:amcharts/ammap3”, “angular”: “1.5.11”, “angular-datatables”: “4.4.0”, “angular-resource”: “1.5.11”, “angular-route”: “1.5.11”, “angular2-masonry”: “0.4.0”, “angular2-moment”: “1.7.0”, “angular2-wizard”: “0.4.0”, “ap-angular2-fullcalendar”: “1.3.0”, “bootstrap”: “4.0.0-beta”, “chart.js”: “1.1.1”, “chartist”: “0.11.0”, “core-js”: “2.4.1”, “d3”: “3.5.6”, “datatables.net”: “1.10.16”, “datatables.net-dt”: “1.10.16”, “fullcalendar”: “3.6.2”, “imagesloaded”: “4.1.3”, “jquery”: “3.2.1”, “moment”: “2.19.1”, “ng-chartist”: “1.1.1”, “ng-selectize”: “1.1.0”, “ng2-charts”: “1.6.0”, “ng2-nouislider”: “1.7.0”, “ng2-nvd3”: “2.0.0”, “ng2-scroll-to”: “1.0.7”, “ng2-sticky-kit”: “5.0.0”, “ng2-summernote”: “1.12.0”, “ng2-toasty”: “4.0.3”, “ng2-validation”: “4.2.0”, “ngx-perfect-scrollbar”: “4.6.5”, “nouislider”: “10.1.0”, “nvd3”: “1.8.6”, “pace-js”: “1.0.2”, “popper.js”: “1.11.0”, “rxjs”: “5.5.2”, “selectize”: “0.12.4”, “summernote”: “0.8.8”, “sweetalert2”: “6.10.0”, “zone.js”: “0.8.16” }, “devDependencies”: { ”@angular/cli”: “1.4.2”, ”@angular/compiler-cli”: “4.2.4”, ”@angular/language-service”: “4.2.4”, ”@types/angular”: “1.6.39”, ”@types/angular-resource”: “1.5.14”, ”@types/angular-route”: “1.3.4”, ”@types/angular-sanitize”: “1.3.7”, ”@types/chartist”: “0.9.37”, ”@types/datatables.net”: “1.10.6”, ”@types/jasmine”: “2.5.53”, ”@types/jasminewd2”: “2.0.2”, ”@types/jquery”: “3.2.12”, ”@types/node”: “6.0.60”, “angular2-perfect-scrollbar”: “2.0.6”, “codelyzer”: “3.1.1”, “jasmine-core”: “2.6.2”, “jasmine-spec-reporter”: “4.1.0”, “karma”: “1.7.0”, “karma-chrome-launcher”: “2.1.1”, “karma-cli”: “1.0.1”, “karma-coverage-istanbul-reporter”: “1.2.1”, “karma-jasmine”: “1.1.0”, “karma-jasmine-html-reporter”: “0.2.2”, “protractor”: “5.1.2”, “ts-node”: “3.2.0”, “tslint”: “5.3.2”, “typescript”: “2.3.3” } }

Node-Version: v8.9.3 NPM-Version: 5.6.0 Yarn-Version: 1.3.2

I know that ng-bootstrap is a beta version. But maybe you know a solution for me to fix this?

Hi, we will upgrade angular 4 to 5 within this few day, and we will fix thos dependencies install issues as well.

Working the HTML version into an EmberJS project. So far so good but for some reason, my header (section with search) is not fixed to the top as in the demo, and all aligned left. Sure I’m just missing something minor but so far no luck figuring it out

Hi, do you mind to share us your project link or any code sample for our reference? We ill try to help you figure out.

Hi, thanks for the reply. I came right after I switched around the vendor and project CSS links (ember thing). Totally forgot to update here. (can’t share anyhow, in-house client project).

Its ok, good luck on development.

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