425 comments found.
When will this theme receive Angular 15 update ?
Hi,
does this template uses tailwind? are there any plans in upgrading to angular 14?
kind regards,
Koen
What font is the word “Fury” in the logo?
All-In-One-Table ist great! How do we get HTML text into the cell? Example: A, F, G
Hey! Check out the implementation of the All-In-One-Table. You’ll find examples on how we implemented all the features. If you need assistance, simply contact us through the Item Support Message.
Scroll does not work on the left main menu, chat and calendar screens. Looking forward for fixes, Other users also reported the same. no Fix yet
Hey! We have just released a new version of the template with this fix included. If you encounter any issues, contact us at themeforest@visurel.com and we’ll be sure to fix anything that comes up.
Hi, Scroll does not work on the left main menu, chat and calander screens. I tried with chrome and edge browser. Could you please fix it urgently.
Hey! This was fixed quite some time ago. Check out the demo and or update the template to get the latest version. If you still encounter this issue, contact us at themeforest@visurel.com and we will fix it.
Do you have a documentation about how to change colors in template? Im not fimilar in scss. Espacially how to change sibebar color.
Hey! We have a SCSS Variable called $sidenav-background. You can simply change this color and the Sidenav background will change. You’ll probably also want to change the $sidenav-color.
If you need any more guidance, please contact us at themeforest@visurel.com.
change the navigation position from left to top. In mobile view unable to trigger the menu.
Hi Team we have purshased your theme and we are using it in our products but we are getting issues in respect to webpack compatability following is the issue we are getting can you please provide us a solution. We are trying to integrate this with Single-Spa
ERROR in node_modules/typescript/lib/lib.dom.d.ts:25:1 – error TS6200: Definitions of the following identifiers conflict with those in another file: EventListenerOrEventListenerObject, ImportExportKind, TableKind, ValueType, ExportValue, Exports, ImportValue, ModuleImports, Imports, HeadersInit, BodyInit, RequestInfo, BlobPart, DOMHighResTimeStamp, CanvasImageSource, OffscreenRenderingContext, MessageEventSource, ImageBitmapSource, TimerHandler, PerformanceEntryList, VibratePattern, AlgorithmIdentifier, HashAlgorithmIdentifier, BigInteger, NamedCurve, GLenum, GLboolean, GLbitfield, GLint, GLsizei, GLintptr, GLsizeiptr, GLuint, GLfloat, GLclampf, TexImageSource, Float32List, Int32List, GLint64, GLuint64, Uint32List, BufferSource, DOMTimeStamp, FormDataEntryValue, IDBValidKey, Transferable, BinaryType, CanvasDirection, CanvasFillRule, CanvasLineCap, CanvasLineJoin, CanvasTextAlign, CanvasTextBaseline, ClientTypes, EndingType, IDBCursorDirection, IDBRequestReadyState, IDBTransactionMode, ImageSmoothingQuality, KeyFormat, KeyType, KeyUsage, NotificationDirection, NotificationPermission, OffscreenRenderingContextId, PermissionName, PermissionState, PushEncryptionKeyName, PushPermissionState, ReferrerPolicy, RequestCache, RequestCredentials, RequestDestination, RequestMode, RequestRedirect, ResponseType, ServiceWorkerState, ServiceWorkerUpdateViaCache, VisibilityState, WebGLPowerPreference, WorkerType, XMLHttpRequestResponseType
25 interface Account { ~~~~~ node_modules/typescript/lib/lib.dom.d.ts:3820:5 – error TS2687: All declarations of ‘privateKey’ must have identical modifiers.
node_modules/typescript/lib/lib.webworker.d.ts:25:1
25 interface AddEventListenerOptions extends EventListenerOptions {
~~~~~
Conflicts are in this file.
3820 privateKey: CryptoKey; ~~~~~ node_modules/typescript/lib/lib.dom.d.ts:3821:5 – error TS2687: All declarations of ‘publicKey’ must have identical modifiers.
3821 publicKey: CryptoKey; ~~~~~ node_modules/typescript/lib/lib.webworker.d.ts:25:1 – error TS6200: Definitions of the following identifiers conflict with those in another file: EventListenerOrEventListenerObject, ImportExportKind, TableKind, ValueType, ExportValue, Exports, ImportValue, ModuleImports, Imports, HeadersInit, BodyInit, RequestInfo, BlobPart, DOMHighResTimeStamp, CanvasImageSource, OffscreenRenderingContext, MessageEventSource, ImageBitmapSource, TimerHandler, PerformanceEntryList, VibratePattern, AlgorithmIdentifier, HashAlgorithmIdentifier, BigInteger, NamedCurve, GLenum, GLboolean, GLbitfield, GLint, GLsizei, GLintptr, GLsizeiptr, GLuint, GLfloat, GLclampf, TexImageSource, Float32List, Int32List, GLint64, GLuint64, Uint32List, BufferSource, DOMTimeStamp, FormDataEntryValue, IDBValidKey, Transferable, BinaryType, CanvasDirection, CanvasFillRule, CanvasLineCap, CanvasLineJoin, CanvasTextAlign, CanvasTextBaseline, ClientTypes, EndingType, IDBCursorDirection, IDBRequestReadyState, IDBTransactionMode, ImageSmoothingQuality, KeyFormat, KeyType, KeyUsage, NotificationDirection, NotificationPermission, OffscreenRenderingContextId, PermissionName, PermissionState, PushEncryptionKeyName, PushPermissionState, ReferrerPolicy, RequestCache, RequestCredentials, RequestDestination, RequestMode, RequestRedirect, ResponseType, ServiceWorkerState, ServiceWorkerUpdateViaCache, VisibilityState, WebGLPowerPreference, WorkerType, XMLHttpRequestResponseType
25 interface AddEventListenerOptions extends EventListenerOptions { ~~~~~ node_modules/typescript/lib/lib.webworker.d.ts:89:5 – error TS2687: All declarations of ‘privateKey’ must have identical modifiers.
node_modules/typescript/lib/lib.dom.d.ts:25:1
25 interface Account {
~~~~~
Conflicts are in this file.
89 privateKey?: CryptoKey; ~~~~~ node_modules/typescript/lib/lib.webworker.d.ts:90:5 – error TS2687: All declarations of ‘publicKey’ must have identical modifiers.
90 publicKey?: CryptoKey; ~~~~~ node_modules/typescript/lib/lib.webworker.d.ts:1257:5 – error TS2375: Duplicate number index signature.
1257 [index: number]: string; ~~~~~~~~~~~~ node_modules/typescript/lib/lib.webworker.d.ts:1554:5 – error TS2375: Duplicate number index signature.
1554 [index: number]: File; ~~~~~~~~~~~ node_modules/typescript/lib/lib.webworker.d.ts:1628:13 – error TS2403: Subsequent variable declarations must have the same type. Variable ‘FormData’ must be of type ‘{ new (form?: HTMLFormElement): FormData; prototype: FormData; }’, but here has type ‘{ new (): FormData; prototype: FormData; }’.
1628 declare var FormData: { ~~~~ node_modules/typescript/lib/lib.dom.d.ts:5667:13 5667 declare var FormData: { ~~~~ ‘FormData’ was also declared here. node_modules/typescript/lib/lib.webworker.d.ts:2194:14 – error TS2717: Subsequent property declarations must have the same type. Property ‘canvas’ must be of type ‘HTMLCanvasElement | OffscreenCanvas’, but here has type ‘OffscreenCanvas’.
2194 readonly canvas: OffscreenCanvas; ~~~ node_modules/typescript/lib/lib.dom.d.ts:9754:14 9754 readonly canvas: HTMLCanvasElement | OffscreenCanvas; ~~~ ‘canvas’ was also declared here. node_modules/typescript/lib/lib.webworker.d.ts:2381:13 – error TS2403: Subsequent variable declarations must have the same type. Variable ‘Notification’ must be of type ‘{ new (title: string, options?: NotificationOptions): Notification; prototype: Notification; readonly maxActions: number; readonly permission: NotificationPermission; requestPermission(deprecatedCallback?: NotificationPermissionCallback): Promise<...>; }’, but here has type ‘{ new (title: string, options?: NotificationOptions): Notification; prototype: Notification; readonly maxActions: number; readonly permission: NotificationPermission; }’. 2381 declare var Notification: { ~~~~~~ node_modules/typescript/lib/lib.dom.d.ts:11297:13 11297 declare var Notification: { ~~~~~~ ‘Notification’ was also declared here. node_modules/typescript/lib/lib.webworker.d.ts:4732:14 – error TS2717: Subsequent property declarations must have the same type. Property ‘canvas’ must be of type ‘HTMLCanvasElement | OffscreenCanvas’, but here has type ‘OffscreenCanvas’.
4732 readonly canvas: OffscreenCanvas; ~~~ node_modules/typescript/lib/lib.dom.d.ts:17826:14 17826 readonly canvas: HTMLCanvasElement | OffscreenCanvas; ~~~ ‘canvas’ was also declared here. node_modules/typescript/lib/lib.webworker.d.ts:5768:13 – error TS2403: Subsequent variable declarations must have the same type. Variable ‘onmessage’ must be of type ‘(this: Window, ev: MessageEvent) => any’, but here has type ‘(this: DedicatedWorkerGlobalScope, ev: MessageEvent) => any’.
5768 declare var onmessage: ((this: DedicatedWorkerGlobalScope, ev: MessageEvent) => any) | null; ~~~~~ node_modules/typescript/lib/lib.dom.d.ts:19955:13 19955 declare var onmessage: ((this: Window, ev: MessageEvent) => any) | null; ~~~~~ ‘onmessage’ was also declared here. node_modules/typescript/lib/lib.webworker.d.ts:5778:13 – error TS2403: Subsequent variable declarations must have the same type. Variable ‘location’ must be of type ‘Location’, but here has type ‘WorkerLocation’.
5778 declare var location: WorkerLocation; ~~~~ node_modules/typescript/lib/lib.dom.d.ts:19554:13 19554 declare var location: Location; ~~~~ ‘location’ was also declared here. node_modules/typescript/lib/lib.webworker.d.ts:5779:13 – error TS2403: Subsequent variable declarations must have the same type. Variable ‘onerror’ must be of type ‘OnErrorEventHandlerNonNull’, but here has type ‘(this: DedicatedWorkerGlobalScope, ev: ErrorEvent) => any’. 5779 declare var onerror: ((this: DedicatedWorkerGlobalScope, ev: ErrorEvent) => any) | null; ~~~~ node_modules/typescript/lib/lib.dom.d.ts:19757:13 19757 declare var onerror: OnErrorEventHandler; ~~~~ ‘onerror’ was also declared here. node_modules/typescript/lib/lib.webworker.d.ts:5781:13 – error TS2403: Subsequent variable declarations must have the same type. Variable ‘self’ must be of type ‘Window & typeof globalThis’, but here has type ‘WorkerGlobalScope & typeof globalThis’. 5781 declare var self: WorkerGlobalScope & typeof globalThis; ~~ node_modules/typescript/lib/lib.dom.d.ts:19612:13 19612 declare var self: Window & typeof globalThis; ~~ ‘self’ was also declared here. node_modules/typescript/lib/lib.webworker.d.ts:5789:13 – error TS2403: Subsequent variable declarations must have the same type. Variable ‘navigator’ must be of type ‘Navigator’, but here has type ‘WorkerNavigator’. 5789 declare var navigator: WorkerNavigator; ~~~~~ node_modules/typescript/lib/lib.dom.d.ts:19559:13 19559 declare var navigator: Navigator; ~~~~ ‘navigator’ was also declared here.
Hi. What font was used to draw “Fury” logo?
It’s a mix between different fonts.
The readme.md refers to a BreadCrumbsService, which doesn’t exist in the code….
would like to know why this was removed and whether I can get access to that code.
The BreadcrumbService was deprecated years ago, the Template has matured and the design was also improved. Thanks for bringing this up, we’ll remove it from the readme.
Hi happy buyer here. I wonder how to use a mat-slide-toggle but keep it as “warn” color when unchecked. The default unchecked color is not really intuitive to change for very basic users. Is it possible? Thanks!
This is basically how Material Design decided to make that component. You could style them yourself with these 2 selectors though:
.mat-slide-toggle.mat-warn .mat-slide-toggle-thumb // .mat-slide-toggle.mat-warn .mat-slide-toggle-bar
Hi guys, a few bugs I’d like to report: - dark mode doesn’t look at all like the thumbnail your advertise - there’s a black line at the bottom of the last element in the collapsed sidenav - if Fullscreen gets disabled with Escape rather than with the toggle button, the behavior of the full screen toggled gets inverted inconsistently
Sent an email but I’m not getting answers
✔ Marking this as resolved. If you still encounter any more issues, simply send us a mail to themeforest@visurel.com
Hi, resolved ? It’s not, and you haven’t pushed an update. I just checked the download section, and the last update still is from 10th of July 2020. I reported the 3 issues in October 2020. I re-downloaded the files to confirm the same. My emails from last month are still unanswered. The issues I’ve described are visible on the live demo as well. How did you get to marking this as resolved ?
Hey! Looks like there was a miscommunication, not sure where it went wrong, we are trying to answer all mails asap. Anyways: We went ahead and fixed the mentioned issues in the latest release, which should be available in the next hours. The Dark Mode issue is fixed and the fullscreen toggle should display the correct state now, even when using ESC to leave the fullscreen. We also noticed a bug in Chrome: If you have the Dev-Tools open and leave the Fullscreen Mode with ESC, it won’t send an event in JS and so we cannot know the state. This shouldn’t be a problem in production though, just when doing some testing keep that in mind. Might be worth to create an issue in the Chrome Issue Tracker for this.
Thanks a lot for your patience and if you encounter any more issues, do let us know here or via E-Mail themeforest@visurel.com. Thanks again!
Hi there, I have sent a support email. I wanted to check if it was received. Thank you.
Hi visurel,
I bought this product with another account (cloudseed). I try to including the custom icon css with fonts. I’m getting errors so please help me how to include.
$roboto-font-path: ”./fonts”; @font-face { // This is parsed as a normal function call that takes a quoted string. src: url(”#{$roboto-font-path}/icomoon.eot?#iefix”) format(“embedded-opentype”); }
font-family: "test";
font-weight: 100;
ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js./node_modules/sass-loader/dist/cjs.js??ref—13-3!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/src/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: D:\Projects\Cloudseed\fleetcloud\src\assets\fonts\fontfleetkor\fontfleetkor.scss:5:9: Can’t resolve ’./fonts/icomoon.eot’ in ‘D:\Projects\Cloudseed\fleetcloud\src’
> 5 | src: url(”#{$roboto-font-path}/icomoon.eot?#iefix”) format(“embedded-opentype”);
| ^
6 | font-family: “test”;
7 | font-weight: 100;
3 | @font-face {
4 | // This is parsed as a normal function call that takes a quoted string.
what will be the size after executing “ng build—prod” ? (size of dist folder)
Hi
The Top left menu is not working in the lower resolutions, when we switched to the top navigation(No issues with left navigation). No action performed when clicked on the icon.
Let us know the fix if it is available.
Thanks for reporting this! We’ll look into it and provide a fix ASAP!
I have Checked all-in-one-tables component in firefox browser and table alignments were wrong. chrome and IE EDGE browser has no issues.Let me know how to fix it.
Hey! Thanks for the feedback! We just went ahead and fixed the issue in the latest version. Depending on how you use the component, you have to simply set the style of the <table>
to width: 100%
or just grab the latest version after it’s released here.
If you have more questions or suggestions, let us know at themeforest@visurel.com!
Hello, it takes forever (about 2 minutes) for every build for every change. Is there a way to reduce that time?
Hey! How do you develop with the template? You’re probably using “ng build” – You can simply use “ng serve”, it will build only 1 time and afterwards any changes you do will be updated automatically within 1-2 seconds (the page will even reload automatically to show the changes). Hope this helps! If you have more questions, simply contact us at themeforest@visurel.com.
Does this template compatible with angular 8+ versions ?
Yes! We’re always keeping this template at the latest version – Angular 9+ Version is already available now.