Discussion on Dexam - Angular 14+ & Bootstrap 5 SaaS, Startup & Product Landing Page

Discussion on Dexam - Angular 14+ & Bootstrap 5 SaaS, Startup & Product Landing Page

By
Cart 439 sales
Well Documented

ui-lib supports this item

Supported

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

49 comments found.

Hi there,

I am a Angular developer. I’m using the angular 8 template.

The only simple thing I want to do is just use v6 as my main/root landing page nothing else.

I want to take everything else I don’t need out. What would be the possible best approach to accomplish this.

To accomplish this you need to do two things : 1 . open app-routing.module.ts file and add this code

 

 {
    path: '',
    // redirectTo: 'landing/demos',

    // pathMatch: 'full'
    component: LandingLayoutComponent,
    children: [
      {
        path: '',
        loadChildren: './views/landing/landing.module#LandingModule'
      }
    ]
  },

then open landing-routing.module.ts and add this code
 
 {
    path: "",
    component: LandingV6Component
  },

Hope this will work for you. let us know if you need any help . thanks :)

Thank you so much. It works perfectly fine :)

welcome and take some time to review our item, thanks :)

Dear Theme Owner

Dexam is very a beautiful and comprehensive theme. I’m interested to buy the theme, but the only problem I have checked in the theme is that it’s speed measured at Google Page Speed Insights and GTmetrix is very low. Google: https://pasteboard.co/ITnqza0.png GTMetrix: https://pasteboard.co/ITnrhgD.png

You can check these two points there on the respective websites. Can this issue be resolved. On Google Page Speed and GTmetrix, after making a test, you will also find the reasons of being slow, thus your developer can adjust some of the mandatory points to address the issue.

Your prompt and favorable reply will be highly appreciated.

- Shahid

We will fix these issues as soon as possible , thanks :)

Hi,

Am trying to get the updated code from the git and requested for the access but still, i haven’t got the access. can you please look into this

Did you get any error when requesting GitHub access ? Your GitHub user name ?

No, It says details are getting submitted and nothing displays after that. user name is ksmv033

seems ksmv033 is invalid username

Hi, i have the: “Dexam – Angular 8 + Bootstrap SaaS, Startup & Product Landing Page”

The folder ”\assets\styles\vendor” is missing in both angular and HTML versions of the template. Because of that the transitions are not working. Can you help me with that?

We did not add transition in angular version . Html version has the transition effect . Please get the GitHub access to get all updated files . GitHub access link : githubaccess.ui-lib.com Thanks

Hi,

In the mobile breakpoint, we noticed that the menu picker is getting centralized in the header. Is the logo is getting misaligned, is that a known issue?

Thanks

We fix the issue, please use the latest version from github . Get github Access https://ui-lib.com/github-access/ Thanks

Hello. I bought your template but i am wondering if you have any documentation on how to install it on an angular project that is build already. Is build using bootstrap but basics so i want to add your template to it but it seems you don’t have something like bootswatch to install it

sorry we dont Provide guide for installing the theme with existing project because different project has different structure, but you can use this template by adding the scss files and installing the node packages to your existing template and then try to use the component files , thanks :)

Hey Hii, Actually I am facing an small issue with the template. The same template works with animation in HTML version but not for angular. Can you please help me

we will try our best to do this as soon as possible . Thanks

ok I will be waiting

Thanks :)

Hey, I cant install node-sass.

I use macOs Mojave 10.16.6 node v12.8.1 npm 6.12.0

I got this error:

npm install

> node-sass@4.10.0 install /Users/jonathan/Projects/dexam-angular-landing-page/dexam/node_modules/@angular-devkit/build-angular/node_modules/node-sass > node scripts/install.js

Downloading binary from https://npm.taobao.org/mirrors/node-sass/v4.10.0/darwin-x64-72_binding.node Cannot download https://npm.taobao.org/mirrors/node-sass/v4.10.0/darwin-x64-72_binding.node>

HTTP error 404 Not Found

Hint: If github.com is not accessible in your location try setting a proxy via HTTP_PROXY, e.g.

export HTTP_PROXY=http://example.com:1234

or configure npm proxy via

npm config set proxy http://example.com:8080

> node-sass@4.10.0 postinstall /Users/jonathan/Projects/dexam-angular-landing-page/dexam/node_modules/@angular-devkit/build-angular/node_modules/node-sass > node scripts/build.js….....

gyp ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2 gyp ERR! stack at ChildProcess.onExit (/Users/jonathan/Projects/dexam-angular-landing-page/dexam/node_modules/@angular-devkit/build-angular/node_modules/node-gyp/lib/build.js:262:23) gyp ERR! stack at ChildProcess.emit (events.js:203:13) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12) gyp ERR! System Darwin 18.7.0 gyp ERR! command ”/usr/local/Cellar/node/12.8.1/bin/node” ”/Users/jonathan/Projects/dexam-angular-landing-page/dexam/node_modules/@angular-devkit/build-angular/node_modules/node-gyp/bin/node-gyp.js” “rebuild” “-verbose” “-libsass_ext=” “-libsass_cflags=” “-libsass_ldflags=” “—libsass_library=” gyp ERR! cwd /Users/jonathan/Projects/dexam-angular-landing-page/dexam/node_modules/@angular-devkit/build-angular/node_modules/node-sass gyp ERR! node -v v12.8.1 gyp ERR! node-gyp -v v3.8.0 gyp ERR! not ok Build failed with error code: 1

And when I will run application, I get this error:

ERROR in ./src/assets/styles/app/_app.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js\\./node_modules/sass-loader/lib/loader.js??ref—14-3!./src/assets/styles/app/_app.scss) Module build failed (from ./node_modules/sass-loader/lib/loader.js): 16 │ width: #{$i * 10}% !important; │ ^^^^^^^^^^^^ ╵ src/assets/styles/app/globals/_height-width.scss 16:12 @import src/assets/styles/app/globals/_globals.scss 7:9 @import stdin 5:9 root stylesheet

I dont know what I can do more, help me please…

width: #{$i * 10}% !important;
       ^
   Undefined operation "0 % !important".
╷

Thank you.

Can you try this #{$i * 10}#{"%"} instead of #{$i * 10}%

it works, thank you so much bro, you solved my problem :)

Great! :)

here are my system configuration in window 10

ng -v Your global Angular CLI version (8.0.4) is greater than your local version (7.2.4). The local Angular CLI version is used.

node -v v12.4.0

npm -v 6.9.0

when I try to run npm install, I got bellow error please help me out.

Project “D:\Templates\themeforest-wzhxHoms-dexam-angular-bootstrap-app-landing-page\dexam-angular-landing-page\dexam\node_modules\node-sass\build\binding.sln” on node 1 (default targets). ValidateSolutionConfiguration: Building solution configuration “Release|x64”. MSBUILD : error MSB3428: Could not load the Visual C++ component “VCBuild.exe”. To fix this, 1) install the .NET Framework 2.0 SDK, 2) install Microsoft Visual Studio 2005 or 3) add the loc ation of the component to the system path if it is installed elsewhere. [D:\Templates\themeforest-wzhxHoms-dexam-angular-bootstrap-app-landing-page\dexam-angular-landing-page\dexam\node_mo dules\node-sass\build\binding.sln] Done Building Project “D:\Templates\themeforest-wzhxHoms-dexam-angular-bootstrap-app-landing-page\dexam-angular-landing-page\dexam\node_modules\node-sass\build\binding.sln” (default targets )—FAILED.

Build FAILED.

“D:\Templates\themeforest-wzhxHoms-dexam-angular-bootstrap-app-landing-page\dexam-angular-landing-page\dexam\node_modules\node-sass\build\binding.sln” (default target) (1) -> (src\libsass target) -> MSBUILD : error MSB3428: Could not load the Visual C++ component “VCBuild.exe”. To fix this, 1) install the .NET Framework 2.0 SDK, 2) install Microsoft Visual Studio 2005 or 3) add the l ocation of the component to the system path if it is installed elsewhere. [D:\Templates\themeforest-wzhxHoms-dexam-angular-bootstrap-app-landing-page\dexam-angular-landing-page\dexam\node_ modules\node-sass\build\binding.sln]

0 Warning(s)
1 Error(s)

Time Elapsed 00:00:00.39 gyp ERR! build error gyp ERR! stack Error: `C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe` failed with exit code: 1 gyp ERR! stack at ChildProcess.onExit (D:\Templates\themeforest-wzhxHoms-dexam-angular-bootstrap-app-landing-page\dexam-angular-landing-page\dexam\node_modules\node-gyp\lib\build.js:262:23) gyp ERR! stack at ChildProcess.emit (events.js:200:13) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12) gyp ERR! System Windows_NT 10.0.17763 gyp ERR! command “C:\\Program Files\\nodejs\\node.exe” “D:\\Templates\\themeforest-wzhxHoms-dexam-angular-bootstrap-app-landing-page\\dexam-angular-landing-page\\dexam\\node_modules\\node-gyp\\bin\\node-gyp.js” “rebuild” “-verbose” “-libsass_ext=” “-libsass_cflags=” “-libsass_ldflags=” “—libsass_library=” gyp ERR! cwd D:\Templates\themeforest-wzhxHoms-dexam-angular-bootstrap-app-landing-page\dexam-angular-landing-page\dexam\node_modules\node-sass gyp ERR! node -v v12.4.0 gyp ERR! node-gyp -v v3.8.0 gyp ERR! not ok Build failed with error code: 1 npm WARN swimlane/<redpre#0> requires a peer of @angular/common<7.0.0 but none is installed. You must install peer dependencies yourself. npm WARN swimlane/<redpre#1> requires a peer of @angular/compiler<7.0.0 but none is installed. You must install peer dependencies yourself. npm WARN swimlane/<redpre#2> requires a peer of @angular/core<7.0.0 but none is installed. You must install peer dependencies yourself. npm WARN swimlane/<redpre#3> requires a peer of @angular/platform-browser<7.0.0 but none is installed. You must install peer dependencies yourself. npm WARN swimlane/<redpre#4> requires a peer of @angular/platform-browser-dynamic<7.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ajv-keywords@3.4.1 requires a peer of ajv@6.9.1 but none is installed. You must install peer dependencies yourself. npm WARN angular-in-memory-web-api@0.6.1 requires a peer of angular/common6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular-in-memory-web-api@0.6.1 requires a peer of angular/core6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular-in-memory-web-api@0.6.1 requires a peer of angular/http6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ngx-chips@1.9.8 requires a peer of angular/animations6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ngx-chips@1.9.8 requires a peer of angular/common6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ngx-chips@1.9.8 requires a peer of angular/core6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ngx-chips@1.9.8 requires a peer of angular/forms6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {os“} (current: {os“}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.10.0 (node_modules\node-sass): npm WARN optional SKIPPING OPTIONAL DEPENDENCY: node-sass@4.10.0 postinstall: `node scripts/build.js` npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1

audited 41962 packages in 9.369s found 1 low severity vulnerability run `npm audit fix` to fix them, or `npm audit` for details

Please use the latest version from github where we updated the angular version to 8. get github Access https://ui-lib.com/github-access/ Thanks

i think you are using it with .NET and this issue is not this template error. This is your development environment issue. Thanks

hello, I bought the template from you .. but I am currently having trouble choosing one and making it primary into the front page

you need to edit the route. instead of having the demo page as front page use which layout you like. Thanks

Hi… I recently purchased theme and it is awesome. I want to hide intro but not header menu… header becomes transparent after removing intro.

You just need to add some css in header.scss file for that .let us know if you need any help. If you like our theme don’t forget to rate it . Thanks

Hi There, I am a bit new to Angular2 and need your help for some basic change if possible.

1. I have created AuthService and imported it as provider in app.module Also imported it in SignIn.Component along with NgForm Module. Now when i change SignIn.Component.Html to have <form (ngSubmit)=”login()> It is not working.. Please note that there is no error and compilation works fine. But it still submits to localhost instead of calling my method. 2. How can i create single Theme app for me. Looks too complex to convert it into single them App.

Please share your code so that we can check, or you can get some course from YouTube about angular authentication. Thanks :)

I have a question could I USE the images for my projects or is only used for the demos

Yeah, you can use the images. Images are takes from here https://undraw.co/

Thanks!

Hello,

thanks for the template. I see you are using eva-icons, and here is the catch : due to all JS loading & layout, fonts are loaded very lately in the process (~4s on a simple website on 4G like the demo samples). Since last year, <link rel=”preload”...> exist allowing to prefetch some resources, very useful for fonts. Since webpack 5, the prefetch option can be pushed to sass as well.

Can you implement this please?

Also, please take into consideration google pagespeed insights or the lighthouse project which will help you improve the performance of your template (image optimization for instance). It is very interesting and will allow you to improve the grade of your template which is around ~50-60%...

Thanks

Thanks for your feedback , we will improve our template according to your suggestions . Thanks :)

Hi there, I’ve purchased this template and I’d love to receive updates and bug-fixes through Git repository instead of downloading them from here. Do you think it’d be possible to get an access for the buyers?

I guess, you sent me an invitation to something else but not Dexam – Angular Bootstrap App Landing Page :)

sorry you got the invitation of this product mistakenly, https://themeforest.net/item/gull-bootstrap-laravel-admin-dashboard-template/23101970 .we will send the invitation to the dexam repo. Thanks

I need a footer for this theme. When can we expect a footer style for this theme ?

we will add footer in our next update , within this month .Please spare some time and rate us on themeforest which is really important for us and for everyone that purchase our template. If you don’t know how to provide ratings & review please visit this link: https://help.market.envato.com/hc/en-us/articles/203269490-Giving-Feedback-On-Items Thanks

Hello. I’m in the navigation of the mobile menu, when i want to click a specific menu, it should close the dropdown menus. How can i do it?

Got it. Thanks

you are welcome :)

Hello, how to add new icon from : https://akveo.github.io/eva-icons/#/

Here is an example <i class="eva eva-github" />

Thanks, where I can see all the list of icons?

Hello,

I am interested in purchasing this item however I need to know if the files available for download after purchase include the source code for the Angular 7 application or not. (non-minified and non-uglified) Please do let me know.

Yes you will get the source code and the application angular version 7. Thanks

Hello, thanks again for the improvements. I am having an issue with the services-caurosel component. the two last elements are also shown in the next slide.. But the small screen version seem to work fine. How do i fix this?

can you please email us the issue with screenshot? 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