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.
May be this bootstrap responsive-table bug on iOS devices.
what bug?
oveflow-y. Please read: Bootstrap responsive table not scrolling vertically on iOS devices
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.
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% ?
sorry, I didn’t understand your question. what do you mean?
in mobile view width is 100% fullfill no padding / margin
yes, you can override .main-content class and add padding: 0 style
padding: 0 not work, i have email to you thanks
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.
Hi, please read about licenses
Hello Author, i read the license terms, and i was unclear about my decision. Request your assistance to define me the license type.
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,
Hi, you must override routing, please look other example: Gradus Template
export const routes: Routes = [
{
path: '',
component: PagesComponent, children: [
{ path: '', loadChildren: 'app/pages/dashboard/dashboard.module#DashboardModule', data: { breadcrumb: 'Dashboard' } },
{ path: 'users', loadChildren: 'app/pages/users/users.module#UsersModule', data: { breadcrumb: 'Users' } },
{ path: 'ui', loadChildren: 'app/pages/ui/ui.module#UiModule', data: { breadcrumb: 'UI' } },
{ path: 'form-controls', loadChildren: 'app/pages/form-controls/form-controls.module#FormControlsModule', data: { breadcrumb: 'Form Controls' } },
{ path: 'tables', loadChildren: 'app/pages/tables/tables.module#TablesModule', data: { breadcrumb: 'Tables' } },
{ path: 'icons', loadChildren: 'app/pages/icons/icons.module#IconsModule', data: { breadcrumb: 'Material Icons' } },
{ path: 'drag-drop', loadChildren: 'app/pages/drag-drop/drag-drop.module#DragDropModule', data: { breadcrumb: 'Drag & Drop' } },
{ path: 'schedule', loadChildren: 'app/pages/schedule/schedule.module#ScheduleModule', data: { breadcrumb: 'Schedule' } },
{ path: 'mailbox', loadChildren: 'app/pages/mailbox/mailbox.module#MailboxModule', data: { breadcrumb: 'Mailbox' } },
{ path: 'chat', loadChildren: 'app/pages/chat/chat.module#ChatModule', data: { breadcrumb: 'Chat' } },
{ path: 'maps', loadChildren: 'app/pages/maps/maps.module#MapsModule', data: { breadcrumb: 'Maps' } },
{ path: 'charts', loadChildren: 'app/pages/charts/charts.module#ChartsModule', data: { breadcrumb: 'Charts' } },
{ path: 'dynamic-menu', loadChildren: 'app/pages/dynamic-menu/dynamic-menu.module#DynamicMenuModule', data: { breadcrumb: 'Dynamic Menu' } },
{ path: 'blank', component: BlankComponent, data: { breadcrumb: 'Blank page' } },
{ path: 'search', component: SearchComponent, data: { breadcrumb: 'Search' } }
]
},
{ path: 'landing', loadChildren: 'app/pages/landing/landing.module#LandingModule' },
{ path: 'login', loadChildren: 'app/pages/login/login.module#LoginModule' },
{ path: 'register', loadChildren: 'app/pages/register/register.module#RegisterModule' },
{ path: 'error', component: ErrorComponent, data: { breadcrumb: 'Error' } },
{ path: '**', component: NotFoundComponent }
];
Strange on Gradus sample, there are much more components, am I right ?
Yes, you are right.
You will update your great template with Gradus stuff ? Very cool Gradus 
StartNG – is a bootstrap 4 template, unfortunately, there is no plan upgrade it to material design.
I think I should by Gradus too then 
You can buy it now, I just now updated Gradus to Angular 6. 
I see you have several “Admin template” what is the difference between them ? (Gradus, StartNG and Azimut)
Gradus build with angular material, but StartNG and Azimuth with bootstrap 4 .
Ok thanks
ng-bootstrap can be used without any problem with your template ? The theme will be applied ?
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?
Hi, you can take advantage from this example . Here you can find example for translate menu item title.
The menu of this theme is render dynamically from code by MenuService, item is render like this: li = this.renderer2.createElement(‘li’); ... menuText = this.renderer2.createText(menuItem.title); this.renderer2.appendChild(span, menuText); it means outside a template, so can not use {{ menu.title | translate }} as the example you said
The menu of this theme is render dynamically from code by MenuService, item is render like this: li = this.renderer2.createElement(‘li’); ... menuText = this.renderer2.createText(menuItem.title); this.renderer2.appendChild(span, menuText); it means outside a template, so can not use {{ menu.title | translate }} as the example you said
I’ll try to find a solution and help asap.
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
Hi again, I also have another request. I have a project that has already been created (using ng new <project_name>). How can one add StartNG to a project that has already been created. TIA
Hi,
1) Open src\app\app.settings.ts file and change menuType: default to compact.
2) Open src\app\theme\styles\_variables.scss file and change value of $top-navbar-height.
3) You can add modules or pages step by step to new created project.
Hi and thanks for the response!
When trying to create a component in the StartNG, I got the following message:
ng generate component custom/auth/header Error: dryRunSink.commit(...).ignoreElements is not a function dryRunSink.commit(...).ignoreElements is not a function
Since it did not seem to be possible to add a component to the StartNG installation, this was the reason for asking how to add StartNG components to an existing project.
Above you said: “You can add modules or pages step by step to new created project.”, is there any documentation on how to accomplish this task?
TIA
Hi,
Please read this article: https://github.com/angular/angular-cli/issues/9194
If you still get error, please contact me via email admin@themeseason.com
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 
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 
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 
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