73 comments found.
Hello, are you planning to make an Angular 18 version? Thank you!
Yes
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
Hi, please run: npm install—legacy-peer-deps
hello, yes I do it that way, but when I install another dependency I always get the error of ng2-dragula@4.0.0, from the beginning of the project when installing with npm install
Type with —legacy-peer-deps every time
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.
Is there an accordion in this theme?
Thanks
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
Yes
How to pass parameter in the url for a page?
I want host this website in sharepoint. Please let me know how to do it
I answered you via email.
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
how to make ngx-datatable as responsive? Given example is not responsive
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