Discussion on Azimuth - Angular 21 Admin Template with Bootstrap 4

Discussion on Azimuth - Angular 21 Admin Template with Bootstrap 4

Cart 730 sales
Recently Updated
Well Documented

theme_season supports this item

Supported

73 comments found.

Hello, are you planning to make an Angular 18 version? Thank you!

Thank you! You are the best by now; do you have a date/quarter of release?

My schedule is full now. I will do ASAP.

Hello, I have problems installing dependencies, ng2-dragula@4.0.0

$ npm i @ng-select/ng-select npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: ng2-dragula@4.0.0 npm ERR! Found: @angular/animations@16.0.1 npm ERR! node_modules/@angular/animations npm ERR! peerOptional angular/animations“16.0.1” from @angular/platform-browser@16.0.1 npm ERR! node_modules/@angular/platform-browser npm ERR! peer angular/platform-browser“16.0.1” from @angular/forms@16.0.1 npm ERR! node_modules/@angular/forms npm ERR! angular/forms“16.0.1” from the root project npm ERR! 1 more (@ng-select/ng-select) npm ERR! peer angular/platform-browser“16.0.1” from @angular/platform-browser-dynamic@16.0.1 npm ERR! node_modules/@angular/platform-browser-dynamic npm ERR! angular/platform-browser-dynamic“16.0.1” from the root project npm ERR! 4 more (@angular/router, @swimlane/ngx-datatable, ngx-toastr, the root project) npm ERR! angular/animations“16.0.1” from the root project

that’s fine, thanks

Hello again, in the new version 17, when compiling ng server, it shows the warning

Build at: 2024-02-20T05:50:24.714Z – Hash: ea725088a81e549e – Time: 51889ms

./src/styles.scss – Warning: Module Warning (from ./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js): Deprecation Passing percentage units to the global abs() function is deprecated. In the future, this will emit a CSS abs() function to be resolved by the browser. To preserve current behavior: math.abs(100%) To emit a CSS abs() now: abs(#{100%}) More info: https://sass-lang.com/d/abs-percent

node_modules\bootstrap\scss\vendor\_rfs.scss 54:14 divide() node_modules\bootstrap\scss\mixins\_grid.scss 66:15 row-cols() node_modules\bootstrap\scss\mixins\_grid-framework.scss 43:13 @content node_modules\bootstrap\scss\mixins\_breakpoints.scss 65:5 media-breakpoint-up() node_modules\bootstrap\scss\mixins\_grid-framework.scss 32:5 make-grid-columns() node_modules\bootstrap\scss\_grid.scss 72:3 @import node_modules\bootstrap\scss\bootstrap.scss 16:9 @import src\styles.scss 5:9 root stylesheet

Hi, this is warning, no error. Ignore it.

Good morning, have you thought about implementing ngx-bootstrap for a new update? This library is being used a lot.

Thank you.

Sorry, no.

I want to collapse the card by default what should I do?

Add id to your card.

<div widget="" class="card" id="my-card">.....</div> 

And add below code to your component.ts file:

import 'widgster';
.........
ngAfterViewInit() {   
    jQuery('#my-card').widgster('collapse'); 
}

I did the same thing. Function is called but jQuery statement is not working

Got it. Thanks

is datamap a open source library

I want host this website in sharepoint. Please let me know how to do it

Linlks are not helpful can please provide me the documentation according to your project structure?

Unfortunately, I never used SharePoint.

I would really appreciate if you could guide me doing it. Thanks for your support.

I’m having the following problem … he followed the instructions in the documentation but I still can not solve it

ERROR in node_modules/ng2-dragula/dist/MockDrake.d.ts(41,5): error TS2416: Property ‘on’ in type ‘MockDrake’ is not assignable to the same property in base type ‘DrakeWithModels’. Type ‘(event: string, callback: Function) => void’ is not assignable to type ‘(events: string, callback: Function) => Drake’. Type ‘void’ is not assignable to type ‘Drake’

This is types definition issue of ng2-dragula. Please upgrade it to 2.1.1 version.

npm uninstall ng2-dragula—save

Then>/p>

npm install ng2-dragula@2.1.1—save

Hi, Can u let me know where i can find the documentation?

Hi, after purchase theme you will get zip folder with including documentation.

Good afternoon, will you make an update with the fixed breadcrumb ??? I think several need that option, in my case I need it.

The support includes being able to do this ??? or I have to make an extra payment to have this functionality

Thank you.

Hi, support not include to do extra functions. But in next version may be I will add this feature. Thanks.

I have this error:

D:\Jorge\Dropbox\Work\Angular\hipocompara\azimuth>npm run install

> azimuth@2.4.0 install D:\Jorge\Dropbox\Work\Angular\hipocompara\azimuth > napa

info git https://github.com/HubSpot/pace.git into pace events.js:183 throw er; // Unhandled ‘error’ event ^

Error: spawn git ENOENT at _errnoException (util.js:992:11) at Process.ChildProcess._handle.onexit (internal/child_process.js:190:19) at onErrorNT (internal/child_process.js:372:16) at _combinedTickCallback (internal/process/next_tick.js:138:11) at process._tickCallback (internal/process/next_tick.js:180:9) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! azimuth@2.4.0 install: `napa` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the azimuth@2.4.0 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

in mi package.json file i have this: “ts-helpers”: “1.1.2”, “widgster”: “1.0.0”, “zone.js”: “0.8.26” }, “napa”: { “pace”: “https://github.com/HubSpot/pace.git#v0.7.1”, “skycons”: “https://github.com/darkskyapp/skycons.git#7095ecf5f653dbcadbddb0d317b42e65fe091eae” }, “devDependencies”: { ”@angular/cli”: “6.2.1”, ”@angular/compiler-cli”: “6.1.7”, ”@angular-devkit/build-angular”: “0.8.1”,

Hi, please, reinstall git. Then rimraf node_modules, and again install theme.

for /maps/vectormaps link I wand to change world vector maps to turkey vector maps. I made changes below on vector-maps.components.ts page but nothing show. how can I achive this goal. Thanks

var arcsmap = new Datamap({ element: document.getElementById(“arcs-map”), scope: ‘turkey’, responsive: true,

Datamaps include only World, Usa, Usa & World maps. You can create map of your country, too. Please, look at this link: https://www.npmjs.com/package/datamaps#you-can-create-any-countrys-map-using-custom-maps

Good evening, I need to place the footer in the bottom part of the screen and make it static; that when scrolling on the screen the footer does not move, thank you.

Hi, add following styles:

.footer{
    position: fixed;
    bottom: 0;
    background: #c5c5c5;
    width: 100%;
    left: 0;
    z-index: 9;
    padding: 20px;
}
.main-wrapper {
    padding-bottom: 95px;
}
.sidebar{
    padding-bottom: 62px;
}

Hi team, could you tell me know this theme can run from what version of IE, Chrome, fire fox and Safari?

Do you have just the html version ? Includes in this version ? I didnt work with angular…

Unfortunately, there is no html version.

Its easy to port this version to just html ? Or you think its better to choose another template?

Its better to choose another template.

Are you added router-outlet directive to pages.component.html file? is your modules routing correct?

please, open devtools of your browsers and look for error.

Please contact me via email admin@themeseason.com

Hello,

When I click on a route and then another route.
The routes simply accumulates.
For Example:
User clicks on [Dashboard], view shows Dashboard page
Now user, clicks on Events, view shows Dashboard page+ Event page on top each other

This is my routes code :

export const routes: Routes = [ { path: ’’, component: PagesComponent, children:[ { path:’’, redirectTo:’dashboard’, pathMatch:’full’ }, { path: ‘dashboard’, loadChildren: ‘app/pages/dash/dash.module#DashModule’, data: { breadcrumb: ‘Dashboard’ } ,canActivate: [AuthGuard] }, { path: ‘charts’, loadChildren: ‘app/pages/charting/charting.module#ChartingModule’, data: { breadcrumb: ‘Charts’ } }, { path: ‘members’, loadChildren: ‘app/pages/members-portal/members-portal.module#MembersPortalModule’, data: { breadcrumb: ‘Members’ } }, { path: ‘new-semester’, component: NewSemesterComponent, data: { breadcrumb: ‘Semester’ } }, { path: ‘scan’, component: ScanComponent, data: { breadcrumb: ‘Scan’ } }, { path: ‘scan/:event_id’, component: ScanComponent, data: { breadcrumb: ‘Scan’ } }, { path: ‘calendar-event’, loadChildren: ‘app/pages/calendar-event/calendar-event.module#CalendarEventModule’, data: { breadcrumb: ‘Events’ } }, { path: ‘update-card-plan’, loadChildren: ‘app/pages/update-card-plan/update-card-plan.module#UpdateCardPlanModule’, data: { breadcrumb: ‘Update Plan’ } }, { path: ‘account’, loadChildren: ‘app/pages/account/account.module#AccountModule’, data: { breadcrumb: ‘Account’ } }, { path: ‘subscription’, loadChildren: ‘app/pages/subscription/subscription.module#SubscriptionModule’, data: { breadcrumb: ‘subscription’ } }, { path: ‘transfer-account’, loadChildren: ‘app/pages/transfer-account/transfer-account.module#TransferAccountModule’, data: { breadcrumb: ‘Transfer Account’ } }, { path: ‘feedback’, loadChildren: ‘app/pages/feedback/feedback.module#FeedbackModule’, data: { breadcrumb: ‘Feedback’ } }, { path: ‘logout’, component: LogoutComponent, data: { breadcrumb: ‘Logout’ } }, ] } ];

Are you added router-outlet directive to pages.component.html file? is your modules routing correct?

please, open devtools of your browsers and look for error.

Please contact me via email admin@themeseason.com

Before buying this also ( I already bought Gradus ) ... Is the Full calendar a component on it’s own like in Gradus (angular-calendar)... or is it used as a jQuery library and a component was created off of it? I am interested because I am planning on using Fullcalendar and Fullcalendar Scheduler to my app but the Scheduler is not compatible with angular-calendar ( or I have not found a way to make it work).

Also, does this contain a seed project like StartNG ?

Hi,

Here Calendar component use a jquery library. Also here used jquery draggable library for drag an event to calendar. Unfortunately, there is no seed project as in StartNG.

Thanks

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