185 comments found.
Hi, Is there an easy way to hide the toolbar part? I commented out the parts in layout, but it still displays a gray block.
You should be able to set the —toolbar-height var to 0px which should remove the gap. 
Hi, your theme looks fantastic. I plan to develop a control panel, and your theme seems the right one to do it. I see that you already have a few months without updating the theme. When do you plan to do an update with all dependencies updated? So I can organize the start of my project just with your update and thus work with all the dependencies updated.
Hello friend, I have been working with your theme on a project, and everything has been suited perfectly. But, now I am stuck with putting a bubble on the notifications icon in your header (bell) that visually indicates that they have not seen notifications. As well as being able to put the number of notifications without reading.
I tried badges, but they are not designed to show notifications about icons.
In the same way, I tried with the small icons that you use to put the status of the users (Online, Busy or Disconnected), but I did not succeed with that either.
How can I put a bubble over an icon to make it look like unread notifications and a number inside the bubble?
Hey! Instead of creating a comment, please use the Item Support Message system or simply write us to themeforest@visurel.com we’ll give you a quick code sample on how you can do that. Thanks!
I have already sent you several emails with questions to the email you have provided (themeforest@visurel.com), and I have not received any response
<div class="relative">
<div>Your element you want to have the badge on here</div>
<div class="absolute top-0 right-0 rounded-full bg-primary text-primary-contrast">2</div>
</div>
(The comments here can’t really format code nicely)
Hope this guides you in the right direction!
I just tried it, and works like a charm! Thanks!
For newly added pages that are not derived from custom layout, the scrollbar is not coming on-page. By scrollbar, I mean the right scrollbar that is shown in the right. We are not able to scroll down on the page due to this. can you please suggest something?
Please suggest something for the above issue, I believe the issue is in the template as in the registration page(https://vex.visurel.com/register) also, no scroll bar is there. Unable to scroll down on the page.
Hey! There’s a lot of reasons why the scrollbar is not showing, I think the easiest way is if you take a look at the demo-pages and see how they create/hide the scrollbars. For example you can disable the scrollbar for a specific route through the data:{ scrollbarDisabled: true } – Maybe you accidently copied a route definition that includes this? On the other side it might be that you wrote some HTML/CSS code that is not able to create a scrollbar.
If you can’t figure out the reason, you can also send us a message at themeforest@visurel.com with some code samples + screenshots and we’ll probably be able to hint you in the right direction.
We are using our own route, didn’t copy anything, second thing is that you can check on https://vex.visurel.com/register, here also no scroll bar is there. We will be sending you a sample code so that you can quickly take a look and let us know whats the issue.
The missing scrollbar on the register page is intentional, it’s explicitly using height: 100%and overflow: hidden to disable the scrollbar. We’ll look into it as soon as you send it over!
✔ Marking this as resolved through mail.
I purchased this template and I need the latest version of Tailwind CSS. How can I get it?
If there are no breaking changes, you can simply update the version in the package.json and use the new version. It’s the same as if you had installed it yourself
Do you have a NON-ANGULAR version of this template? I hope so. HTML/HTML5 please
I have a question. will this template also have a HTML version?
The template is using all features of Angular – Using Angular with “ng build” you can create static HTML that you can deploy to any web server. There is no version without Angular, if that’s your question.
Ah yes thank you
core.js:4196 ERROR TypeError: Cannot read property 'id' of undefined
at ConfigService._updateConfig (config.service.ts:49)
at SafeSubscriber._next (config.service.ts:25)
at SafeSubscriber.__tryOrUnsub (Subscriber.js:183)
at SafeSubscriber.next (Subscriber.js:122)
at Subscriber._next (Subscriber.js:72)
at Subscriber.next (Subscriber.js:49)
at BehaviorSubject._subscribe (BehaviorSubject.js:14)
at BehaviorSubject._trySubscribe (Observable.js:42)
at BehaviorSubject._trySubscribe (Subject.js:81)
at BehaviorSubject.subscribe (Observable.js:28)
This looks weird. Are you sure you call the method correctly? I’m sure we can get this easily fixed. Could you mail us the code you used to call the method to themeforest@visurel.com? We’ll explain to you why this happens and how to fix it. Thanks!
We did have sent you an email some days back, but didn’t get any reply yet. So can you please check it at your end and let me know how to resolve this issue.
We’re getting lots of emails lately, so sometimes it takes a bit longer these days. We have just answered you – In your specific case you manually changed the configs.ts file, which is not the correct way to setup the configs. You can simply call the ConfigService, which provides an .updateConfig() method to apply your own config easily. Hope this helps, we added a small code-sample in the mail we sent you!
Thanks for your response, it is working fine now.
Hi, I want to purchase this theme to build a stock management system for sellers, which charge them monthly for using. So, which license I need to buy? Thanks.
Hey! We’d love to help you with this. Please contact us at themeforest@visurel.com and we’ll help you out!
How do I change my default theme color to say “orange” because I’m removing the configuration slide out?
Just change the CSS Variables of the primary color in the styles.scss file. Check the documentation for an example: https://vex.visurel.com/documentation/ – Section “Using Custom Colors”. Hope this helps!
Hi !! How are you ? I have a question about licences. I work in a company, we already have a dashboard , but we want to change it. We use this dashboard in SAAS environment and also on premise in servers of our clients. So, we have a lot of instalations. We will use your template as a base of our design and screens. Do you have a license to use your template/design in many projects and clients/installations ? best regards !!!
Hey! We’d love to help you with this. Please contact us at themeforest@visurel.com and we’ll help you out!
Hi,
Tailwind utilities for colors are not working (eg background-color-800). Any idea how to fix this?
Update: for anyone having this issue, tailwind.config.js overwrites all color classes supported by default, you need to add 100, 200, 300, etc for all colors again.
Hey! We provide a customized tailwind.config.js which doesn’t use the 100-900 format, but simply “bg-primary” and “bg-primary-light”, one is the full color, the other is the same color with a different opacity. Hope this helps! If you have any questions regarding our template, simply contact us at themeforest@visurel.com
Thanks, didn’t realise the template worked like this. I saw you released an update just now, but didn’t see changes in the changelog. Can you explain what has changed in the new release?
Nothing really related to TailwindCSS, nothing breaking at least, we just added a few missing fields that were added in the latest version of TailwindCSS. All notable changes are on https://vex.visurel.com/documentation/changelog
Bought this theme, installed per the instructions and haven’t customized anything and it doesn’t compile for production. I get this error:
Schema validation failed with the following errors: Data path ”” should NOT have additional properties(es5BrowserSupport).
Since support doesn’t answer, I post this here to see if anyone had the problem and solved it.
Hey! We’re sorry to hear you are having issues with our template and I’m confused that we didn’t answer you. I’m not sure where you send your request (best is to use the built-in ThemeForest Support Ticket), but sadly we didn’t get anything.
Anyways, this is a problem in your angular.json file, it’s happening because of the update from Angular 9 to Angular 10, that field is no longer supported (no longer needed, because it’s always on). You can simply search for “es5BrowserSupport” in the angular.json file and remove all occurences of it, which will fix the issue. If you have any issues with that, you can also simply send your angular.json over to themeforest@visurel.com and we will fix the issue for you and send the file back. Hope this helps you to get up & ready again!
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.
Hey! Looks like you are providing a wrong path to the roboto-font on your end. I’m pretty sure you ”./fonts” can’t be right, please check where your file is located and use ”./assets/fonts/” or a relative path ”../assets/fonts/” to your file. We can’t give much more insight here without knowing why you added this or where you even added this. If you need more guidance, please contact us at themeforest@visurel.com with a more detailed explanation of what you’re trying to do. Thanks!
How do I change my default theme color to deep-orange, plz ? :’(
Hola, I got it. Your theme are wonderful 
hi, I am interested in buying template, but I have question.
What kind of icon do you use? You say its angular material icons, but when I check on https://material.io/resources/icons/?style=baseline the icons you use are not the same.
Can you please tell me where you get your icons from?
Hey! We are using the Material Icons, but as their “Two-Tone” variant.
Some of the layout component break on RTL like the navigation menu drop-downs and the language menu. I am using pug and set tailwind separator to ’_’ and When I switch pages direction the sidenav-items icons don’t switch margin .item-icon margin-inline-end: var(—sidenav-item-icon-gap) everything else changes direction but that any idea. thanks
Ok fixed the navigation drop-downs the mat-sidenav-container needed a dir in layout. The thing left is sidenav-items when switching dir to rtl it will not left margin the icons and I cant find what does that like in the preview.thanks
Hello Team, I was checking this and liked. I would like to buy. However, I am little confused here. On preview page it shows 5 layouts. And though I am trying preview for different layouts it always direct to same layout, which is this :- https://vex.visurel.com/ So is this just a one theme I will be getting or there are different 5 layouts in package ?
Hey! The template includes all the different layouts & styles displayed in the preview and here on ThemeForest. I just tested the links myself and they seem to work. Could you send us a quick message with your browser, operating system and the link you are opening? We’ll surely find out what’s wrong there.
I think you may have misunderstood something there. The “Apollo” is the layout that’s being used and the “Scrumboard” is the App/Page that’s being used. The other one the layout is “Hermes” (so a layout with the menu not on the side, but on the top) and the page is the “Dashboard”-page. Hope this helps clear things up!
Yeah.. I understood that.. thanks for the help.
Hi! I’ve been using this awesome template but I had troubles when I wanted to use the chat on mobile version, in desktop works perfectly but in mobile I can’t start a conversation.
Please help!
https://vex.visurel.com/apps/chatHey! Thanks a lot for the feedback we’ll look into it and update it accordingly. We’ll update you on this comment as soon as we make progress.
Hey! We’ve just provided an update on the chat component to make it fully responsive & mobile compatible. The demo should be live now and the update will be published soon. If you want we can send you the updated chat component. Simply drop us a message at themeforest@visurel.com and we’ll send it over!
