5718 comments

Hi
I am trying to do npm install for my react / redux application and I am getting the error.
Download of https://vox.space/file_download/24/jquery-classyloader.zip failed with ETIMEDOUT, retrying in 27.8s
bower jquery-classyloader#* ETIMEDOUT connect ETIMEDOUT 92.242.144.10:443

The site is down. Anything alternate available ?

Thanks
Hi, jquery-classyloader was remove a some versions ago due to this issue.
As a temporary solution we have uploaded a copy. Please change to the following url in your bower.json in order to access the file:

"jquery-classyloader": "http://themicon.co/vox.space/jquery-classyloader.zip",

Then try running rake bower install again

In case you don't need classyloader, the best solution is to remove it from the list of dependencies.
We replaced it in the template with easy-pie-chart

Let us know if you have any question
Regards
sunil233 PURCHASED
The angular 5+dotnet core is taking 15-20 secs to load (in the production mode) even though the page is empty.I mean the initial load.Once the application is loaded,the performance is good.What should i do to reduce the initial loading time.(both chrome and IE).IE is some times worse.
sunil233 PURCHASED
Also When running in Dev mode in IE 11, it is taking more than one minute.Please suggest what needs to be done to reduce the initial loading time
HI, initial load time is almost always high because the main bundle contains the entire angular framework and third party dependencies.
Could you check if you can remove not used dependencies from vendor.ts? This way you will reduce the bundle size removing unnecessary code.

Checking the online demo, http://themicon-001-site1.atempurl.com/home ti takes around 10sec to load depending on the browser (~15 on IE, possibly due to polyfills) but it never reaches the minute delay you are experience in IE

Let us know if you have any quesiton
Regards
myfzio PURCHASED
v.3.8.9

There is no card class in app.css and bootstrap.css.
And, Why .net core jquery elements have ng-controller. like below,

<div id="panelChart9" ng-controller="FlotChartController" class="panel">
Hi, you are asking for a .card class because you are looking for a Bootstrap 4 version?
If so, the current version of the template, doesn't have the netcore-jquery project in BS3 format.
The BS4 will be included in next release, if you are interested we can send you the files of the project. Just send us a message via our profile page.

Regarding ng-controller issue, it's a copy/paste typo, since the attribute doesn't have any effect on a jquery based project it simply doesn't trigger any error or weird behavior. We have noted it recently while migrating to Bootstrap 4 and it was fixed

Let us know if you have any question
Regards
Hi. I intend to buy this but having some questions.
Do you have a starter with .Net Core 2.x + Angular 5-6 + Bootstrap 4 that is created in Visual Studio with Angular template.

I found http://themicon-001-site1.atempurl.com/home#/ is using BS4 and Angular 5. Is it right? And I dont know why the link took me around 10s of loading page for the first time. Is it because of Angular or your template is so heavy.

Thanks
Hi, the netcore project included is based on angular 6 and bootstrap 4. There's a typo in the demo that says angular5, but you can check in the devtools panels, angular attaches the version used as an attribute of the app-root element.
The initial load time is a bit high because for the moment this project doesn't support AOT compilation, the demo also includes many features that you may not need in your end product which once removed may reduce the loading time, spite of that, it is in our plans to add AOT in order to significantly reduce the loading and execution time.

Let us know if you have any question
Thanks
Just one more thing. Do you support multi layout? I would like to have a dashboard with left and right side only, no top bar. the top bar should be a part of the right side. Can we implement that easily?

Thanks
Hi, the layout is based on partials, which means removing the topnavbar partial is enough to remove the markup. The will be necessary to touch a few margin/padding the clear the space used for the top bar. That can be made easily. The difficult part is that the logo and icons are declared as part of the top bar by design, removing it will require to re-add them as part of other components (in the sidebar, content, etc). We can offer you a solution for that but it could depend on your design choices.

Let us know if you have any question
Regards
Hi, I just bought it. Can you please add "sonphnt" to your github?
Hi, we don't use Github for code management/sharing.
If you can contact us via our profile page, we can send you modifications to remove topnavbar via email

Thank you!
Regards
Hi, trying to install the angular 6 version, but I keep running into npm installation issues. Installation sequence thus far is:

Unzip the contents into a local readable/writable folder.
Navigate to angular6\ng2angle
run npm install

This runs, which produces a stack of warnings. There are always warnings from Angular, so I these are OK.

When I run ng serve / npm start, I receive a message from node saying that "flot" is not installed. Easy enough - run npm install flot - this installs it OK, but after the package has been added (and package.json is updated), if I run npm install again, flot isn't there??

Either way, if I simply run ng serve after coming up with a workaround for the abovementioned issue, I run into a further problem saying that jquery.flot.spline is not installed. Try as I might, I can't find this anywhere and I'm not 100% confident on installing just any node package just in case it isn't the correct one.

I've also tried to remove anything related to "flot" inside of package.json, but this didn't make any difference. To be honest, we won't be needing flot in our app, so I'm not too fussed if we can't run it, but I'm not too sure where else a dependency on flot could be?

Any help would be appreciated.

Thanks
OK, I've managed to remove the dependencies for flot from angular.json and managed to get a stand-alone version to work. On another note, it appears there's also issues with the version of jvector map you're using. I'm not sure if "napa" has something to do with it, I ended up not using it and installed jvectormap-next instead.
HI, thanks for the issue update.
In general, everything in the "napa" entry of the package.json will be installed using napa. New versions of npm, 6.x fixes an issue with some packages wrongly removed but with napa it still happening the same.
As you mention, if any dep installed via napa is not necessary, avoid them. We use it to keep using the same repositories like in previous versions and since before we use Bower, the lack of package.json wasn't a problem and now with npm, napa seems the only solution for this case.

Regarding to jvector map, it's also installed via napa but because we use a particular version 1.2.2 which is MIT license, newer versions doesn't use a suitable license for this kind of product.
Our plan is to include an alternative like DataMaps in the following release for map manipulation.

Let us know if you have any question.
Regards
Why does the space between button styles disappear?It looks ugly now
Hi, do you have a link to the demo page where do you see that missing styles?

Thank you!
Regards
http://themicon.co/theme/angle/v3.8.9.1/angular6-bs4/elements/buttons
http://themicon.co/theme/angle/v3.8.8/angular5-bs4/elements/buttons

Please compare . I'm using chrome
Thank you so much for pointing us this issue.
Between v3.8.8 and v3.8.9 (v3.8.9.1 is a patch) only change is the Angular version, which should not affect styles. Anyway, we will review the spacing of buttons and ensure a good organization using margin to avoid this in the future.
Anyway, we'll dig into it and try to find the cause that affects spacing, we'll share here if we found what happens.

Thank you so much for your time.
Regards
Am I downgrading now to stay 3.8?
thank you
Hello, I need to change the title "App - Angle" of the page when the application is loading. The only thing I could do is change it once the preloader finishes.
Can you tell me where to change it please?
Hi, the first title you see is the one declared in file Views/Shared/_Layout.cshtml
You will see the following:

<title>@ViewData["Title"] - Angle</title>

And the viewdata (whch becomes the "App" part) is taken from VpY

Let us know if you have any question
Regards
How is possible use the translation with datatable (ng2-table)?
Hi, the template uses @ngx-translate, which provides a service to get the translated text that corresponds to a key. The "instant" method will return the string translated synchronously
So, you can do in the componen.ts

import {TranslateService} from '@ngx-translate/core';
constructor(private translate: TranslateService) {}

... // later in the code, build the configuration like this

public columns: Array<any> = [
{ title: this.translate.instant('translate.KEY'), ....
..

This way you will get the table configuration with values from the translation files (json). You can use the onLangChange event to rebuild configuration when the language change. For example

this.translate.onLangChange.subscribe(() => {
this.columns = this.buildColumns();
});

Let us know if you have any question
Regards
Dear Angle,

We are going to buy Angle (React Version), but before we want to make sure if it's fully support RTL, because in jquery version there is toggle button that shows the RTL version of the theme, but in Angle (React Version) we could not find it.

Please let us know ASAP.
Best Regards,
Hi, the React demo doesn't have RTL because the live switch is not supported in this project (same happens with angular). RTL support is based on "rtlcss" tool to convert the styles to RTL version.
The project uses create-react-app and react-app-rewired to hook into webpack build process in order to enable RTL compilation.
The documentation included explains how to enable it.

Let us know if you have any question
Regards
shukyba PURCHASED
hi ,
i am working with the angle bootstrap for angular 1 ,
all i am trying to do is inject a custom type without defining it in some specific file(docType)
this question has been answered in the forums but for some reason i am still getting an error , what i did is this :
the project is unchanged expect for these lines of code :
in routes.config.js :
.state('app.table-datatable', {
url: '/table-datatable',
title: 'Table Datatable',
templateUrl: helper.basepath('table-datatable.html'),
controller: 'DataTableController',
resolve: angular.extend(
helper.resolveFor('datatables'), {
docType: function () {
return 'pdf';
}
}
)
})

then in the controller (datatable.controller.js):
DataTableController.$inject = ['$resource', 'DTOptionsBuilder', 'DTColumnDefBuilder','docType'];
function DataTableController($resource, DTOptionsBuilder, DTColumnDefBuilder,docType) {
var vm = this;
vm.docType= docType;

i put a breakpoint and i see the doctype is injected successfully with the value (pdf) while the consturctor is fired but still i am getting this error in the console :
base.js:24340 Error: [$injector:unpr] Unknown provider: docTypeProvider <- docType <- DataTableController
http://errors.angularjs.org/1.6.4/$injector/unpr?p0=docTypeProvider%20%3C-%20docType%20%3C-%20DataTableController
at base.js:9881
at base.js:14604
at Object.getService [as get] (base.js:14759)
at base.js:14609
at getService (base.js:14759)
at injectionArgs (base.js:14784)
at Object.invoke (base.js:14810)
at $controllerInit (base.js:20681)
at nodeLinkFn (base.js:19561)
at compositeLinkFn (base.js:18870) "<div class="content-wrapper ng-scope" ui-view="" autoscroll="false" ng-class="app.viewAnimation">"

please help i have been trying to figure this out for the last 3 days...
Hi, could be possible you have other references of the controller in "ng-controller" attribute?
Your code looks fine, the router has the controller declared, which means it knows where to inject the docType value resolved. It seems you have the same controller used somewhere else, not executed by the router and that never receives the docType injection.
Btw, the datatable demo uses "ng-controller" attribute, check if you have removed them.

Let us know if you have any question
Regards
javi11 PURCHASED
How define a theme style in template angle?
Hi, do you want to create a custom theme or set one as default for the template?
Also, for what project do you need this?

Thanks
Regards
javi11 PURCHASED
Hi, thanks for your response,
I have Angle template, but this template has several styles, I want to define one only without giving the option to select.

I hope you ca help me!

Regards, Javier.
Hi again, all themes styles are defined in files named theme-*.css (there also scss source. Using the scss source each theme has variables that defined what colors are used to override the defaults in the template. Said that, you can change any theme or create a new one with custom styling and include it by default in the template. The inclusion depends mainly on the version you are using, for example, version based on classic jquery-html can include the css in the index after the app.css. Other project like react or angular import the styles in a different way.
If you need help for a specific version let us know the version you are using and we'll let you know how to set a default theme.

Let us know if you have any question
Regards
sunil233 PURCHASED
how to do required filed validation for ng-select (used in Forms/Extended) when [multiple]="true"?
Hi, it can be used similar to how you use a standard select with option multiple. Taking the example from Form/Extended you can use the following to enable validation

- Add the new select to the list of validated elements, we named "selectx" (validation.component.ts)

this.valForm = fb.group({
...
'selectx': [null, Validators.required],

- Use the following markup to associate the element and errors messages

<ngx-select formControlName="selectx" [formControl]="valForm.controls['selectx']"
[multiple]="true" [items]="items" placeholder="No city selected">
</ngx-select>
<span class="text-danger" *ngIf="valForm.controls['selectx'].hasError('required') && (valForm.controls['selectx'].dirty || valForm.controls['selectx'].touched)">This field is required</span>

Variable "items" is the array of countries declared in the component.

Let us know if you have any question
Regards
krreddy51 PURCHASED
ngx-progressbar is not working with this theme, any help?
Hi, just to confirm, do you mean this progress bar?

https://github.com/MurhafSousli/ngx-progressbar

Thanks
Regards
chaschev PURCHASED
Everything worked out smoothly for ReactJS version. Is there a way to generate static web pages and server client side from a Java web server? Sure, there is a way to run JS compiler on JDK's server side, yet might there be a simpler solution?

Thanks
chaschev PURCHASED
Oops, it is "serve client side ..."
adlabac PURCHASED
What is the preferred way of defining global styles?

I am thinking of creating a new .SCSS file in the ClientApp\app\shared\styles folder and including it in app.component.scss.

Is this the right/correct/preferred approach?
adlabac PURCHASED
I forgot to mention that I am referring to Angular6 (+ NetCore 2.0) version.
kskappel PURCHASED
Hi.
I'm currently using the project netcore-angular5 of old version of Angle-Bootstrap Admin Template. Now that I see you have netcore-angular6 in Angle-Bootstrap Admin Template 3.8.9.1.

My question is: How can I update from my old netcore-angular5 to the new netcore-angular6?

Best regards
Intradata PURCHASED
Hi,

I try to change the icons in te menu.
In menu.ts I changed the icon of the 'Home' menu to: 'icon-inbox'.
Unfortunately this does not seem to work: no icon is displayed.

icon-inbox is one of the Bootstrap glyphicons.

What am I doing wrong?

Best regards,
Corne
sbalbinot PURCHASED
How can i use translator service in menu.ts file on angular6-bs4 project?
ddog171 PURCHASED
Is there a seed project for MVC5 jQuery? I could not find one.

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase

$28
12133Purchases

Licenses: Details »

Single application $28
Version:3.8.9.1
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
  • Fluid
  • Fixed-width
Browsers:
  • IE 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:Yes
Category:
Topic: Internet & Web
Labels: admin, admin template, angularjs, material, meanjs, meteor, mvc, rails, responsive, rtl
Item#:WB04HF123
Released:3 years ago
Updated:3 weeks ago
Sold exclusively on WrapBootstrap
themicon

themicon

Signed up 3 years ago

Need a front-end template?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running:

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation