Discussion on StartNG - Angular 21 Admin Template with Bootstrap 4

Discussion on StartNG - Angular 21 Admin Template with Bootstrap 4

Cart 908 sales
Well Documented

theme_season supports this item

Supported

63 comments found.

I am trying to use the table components of this theme with table-responsive. It works fine on small screens, however on iphone it doesnt scroll the page vertically if i touch inside the table, i need to click on the side. Not sure if this is exclusive issue for this theme, but if anybody knows how to fix this I would appreciate.

it appears that it just fixes the bootstrap 3. I tried to put that on almost all parent divs but it never works

OK I finally found a way to fix it after these 10 hours and I’ll share here so you may put on documentation or just tell future people with same issue…

body { -webkit-overflow-scrolling: touch; }

It needs to be on the body, it doesnt work on the same element, or parent element divs, it needs to be on the body and it magically starts scrolling fine on iphone =)

Not only the responsive tables work, as also all the navigation on this theme is much smoother, so it may come on the main scss file

Great! Thanks.

Is this producto ready to go? I mean, Can I just run it with an “ng serve” and got the webpage running, with database and al components a modules working?

Yes. First you must run npm install, then ng serve.

Is the controller api to conect to database allready developed?

This is frontend template. You must develop backend functions yourself.

Is there a way we can change menu items at runtime? (add / remove menu items at runtime) Thanks,

For add menu item at runtime you can use dynamic-menu.component, but remove menu item doesn’t support.

Bootstrap version 4.1.2 breaks the multi-level sidebar (at least the vertical). It allows until level 2 but trying to go to 3 gives error

Current version of bootstrap in this theme is 4.1.1. When I will upgrade it to 4.1.2 I will fix this issue as soon as possible.

Open app\theme\components\menu\menu.service.ts file and change following method:
public createVerticalMenuItem(menu:Array<Menu>, menuItem){
    ...
    this.renderer2.addClass(div, 'card'); 

    this.renderer2.setAttribute(div, 'id', 'menu'+menuItem.parentId);

    let link = this.renderer2.createElement('a');
    ...

}

It worked like a charm. Thanks!

Is there a pure HTML only version for this template? Thanks!

Hi, no. This is native Angular template.

can make the responsive width stick with 100% ?

but I answered you via email. Please, add padding 0 !important.

thanks : ) one last thing does this theme support sass and compatibility with ngx-bootstrap ?

this theme support scss. you can install ngx-bootstrap yourself and use in this theme.

Howto implement this templet in visual studio 2017. I have trayed many times but getting error.

Unfortunately, I never implemented my theme in VS 2017.

Hello, before buying I would like to know if it is compatible in file structure to generate components for example “ng g component tester” and angular can recognize the structure ?, Can you tell me what would be the data structure? Thank you

Hi, Yes , it is fully compatible with angular & angular-cli. You can run ” ng g module” or “ng g component” commands.

Are the updates included in the support period? I need the last update

You can get latest version from your envato account under download section.

I tried. there’s always startng-4-admin-template-with-bootstrap-4

please, unzip downloaded folder. inside is a latest version.

I am going to develop an application which will be sold to multiple customers (Source code will not be sold, only a new deployment will happen) and customers will have their own free/paid user. Which plan i suppose to use in this type of project.

You can buy regular license

Thank you for helping me out from the confusing decision, I will go ahead and purchage REGULAR license. Additionally, later at any point of time can i upgrade my license from REGULAR to EXTENDED, if required?

Yes, you can.

global is not defined in intln

open polyfills.ts and remove (or comment) import ‘intl’

Hello.

Is there a way to avoid ‘pages’ in URL ? To have localhost:4200/MyComponent and not localhost:4200/pages/MyComponent ?

Thanks,

I think there will be no problems.

Do you plan to add some controls other than “NG Bootstrap” in many template there a lot of very very nice controls but never with Angular CLI

You can do it yourself, run npm install—save @ng-bootstrap/ng-bootstrap.

Also you can use ngx-bootstrap.

Hello.

Bought this theme yesterday, very cool stuff :)

Could you explain me (us) how can I do an multilingual application (ex. a dropdown to select language in the header) and change all menu items, table header, ....

Thanks,

Hi, You can use . ngx-translate

Hi team, I install ngx-translate then I had trouble with menu item’s title what are created dynamically, So hard to make it run with multi language. Could you support me this case?

Before pass menu items to app-vertical-menu as input parameter you can translate they as following:

      this.menuItems = this.menuService.getVerticalMenuItems();
      this.menuItems.forEach(item => {
        this.translate.get(item.title).subscribe(translated_title =>
            item.title = translated_title
        );
      })

uhm, if we use this way, it mean we have to create menu again for earch time language changes, right? ... it seems not good way!

yes, you are right.

Hi,

is this template available in html version..

if available i would like buy

Hi, no, this is Angular template. There is no static html files.

Hi,

Thanks again for the help. I have sent an email to you at: admin@themeseason.com

regarding the setup of routes in StartNG and the instructions to be followed to make this happen.

Can you look at it and let me know when you respond to it?

TIA

Hi, I received your email and I will answer it ASAP.

The author helped me out with Team Viewer and even gave me suggestions on how to make changes to theme for my purposes. Info on how to get things installed and set up was also provided A+ Support :-)

Thanks :)

If you will have any questions do not hesitate to ask.

Hello, I have installed your product and am trying to do 2 things:

1) Set the menu so that it looks like the one in the: VERTICAL COMPACT MENU example 2) Find the location of $top-navbar-height so that I can increase the height of the navigation bar.

How would I do these tasks?

TIA

Thank you again for the quick response! I will look at the link. In the meantime, is there a way to install this as a component? The thought was to create a route that would go to the Dashboard after authentication was successful. TIA

Also, I neglected to mention that I am working with Angular 4 as well. TIA

Hi again, I ran the suggestion you mentioned and it appears as though I can create a component now within the template. Will see if this continues to work. TIA

Hi,

This looks like a very nice theme :-)

I wanted to use this template here: http://startng.themeseason.com/pages/dashboard

Will this work with Angular 4

I would like to increase the navigation bar so that the height is 70px. Would this be possible?

Do you have a link on instructions on how to use this project?

I did not see an example for a modal form. Can one use modal forms in this template?

TIA

Hi,

Yes, it is compatible with Angular 4 also.

For increase the navigation bar height you must change variable $top-navbar-height: 46px to 70px.

When you pay for theme you also get documentation about project.

Modal forms example you can find here: http://startng.themeseason.com/pages/membership

Thanks

Hi,

This looks like a very nice theme :-)

I wanted to use this template here: http://startng.themeseason.com/pages/dashboard

Will this work with Angular 4

I would like to increase the navigation bar so that the height is 70px. Would this be possible?

Do you have a link on instructions on how to use this project?

I did not see an example for a modal form. Can one use modal forms in this template?

TIA

Hi,

Yes, it is compatible with Angular 4 also.

For increase the navigation bar height you must change variable $top-navbar-height: 46px to 70px.

When you pay for theme you also get documentation about project.

Modal forms example you can find here: http://startng.themeseason.com/pages/membership

Thanks

Hi,

This looks like a very nice theme :-)

I wanted to use this template here: http://startng.themeseason.com/pages/dashboard

Will this work with Angular 4

I would like to increase the navigation bar so that the height is 70px. Would this be possible?

Do you have a link on instructions on how to use this project?

I did not see an example for a modal form. Can one use modal forms in this template?

TIA

Hi,

Yes, it is compatible with Angular 4 also.

For increase the navigation bar height you must change variable $top-navbar-height: 46px to 70px.

When you pay for theme you also get documentation about project.

Modal forms example you can find here: http://startng.themeseason.com/pages/membership

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