Triangular - Material Design Admin Template AngularJS HTML
Themeforest Triangular - Material Design Admin Template AngularJS HTML
Triangular is a unique Material Design Admin Template built with AngularJS.
The template has been built from the ground up using Google’s own Angular Material Design project.
We have put our many years of Angular development skills into creating this template so you can get the best start for your project.
Or you can use this template as a great starting point for learning AngularJS and becoming a frontend dev ninja!
- Complient with the Material Design Specification
- Powered by the latest AngularJS
- Angular Permissions (Authorize routes and pages)
- 50+ Example Pages
- Unlimited Menu Levels
- 5 Star Support
- 700+ Material Design Icons
- 500+ Font Awesome Icons
- Uses SASS Stylesheets
- Automatic Breadcrumb Headings (based on menu heirachy)
- ESlint & ESlint AngularJS plugin checks built in
- AngularJS Speed profiler
- Uses ARIA attributes that convey information about the application for users of assistive technologies.
Super Clean Code that complies with John Papa’s Best Practice AngularJS Recommendations- Free Updates
- 8 Beautiful Color Themes (or roll your own!)- Try it
- Many Font Combinations – Try it
- Create You Own Themes
- Create You Own Material Design Palettes
- Unlimited Color Combinations
- 5 Stunning Material Dashboards
- 20+ Example Elements Pages (with code previews)
- Form Example Pages
- Chart Example Pages
- Map Example Pages
- Gallery Page
- Many More
We haven’t just made dummy templates you can really interact with our apps
Try replying to an email!
- Material Avatars – Worth 19$
- Material Backgrounds – Worth 5$
- Material Image Font – Worth 5$
- Fully Translatable
- Language Switcher
- Uses Angular Translate
- Auto Translation – Using Yandex Translation Service
AngularJS – HTML enhanced for web apps!
Angular Material – Material Design for AngularJS
ui.router – The de-facto solution to flexible routing with nested views in AngularJS
pascalprecht.translate – i18n in your Angular apps, made easy
googlechart – Google Chart Tools AngularJS Directive Module
chart.js – Reactive, responsive, beautiful charts for AngularJS using Chart.js
linkify – Angular filter, directive, and service to linkify text.
ui.calendar – A complete AngularJS directive for the Arshaw FullCalendar.
ngMaterialDropmenu – For temporary use before official dropmenu release.
The main reason I gave it 5 stars was because of the code quality. It follows the best well-known best practices. It’s very solid! And it’s very important, the developer actively improving it. You can see it from his github repo.
And also because of the support which allows me to have access to the github Repo. Due to the modular design, customizing and upgrading can’t be easier.
Thank you for giving us this great product and please keep up the great work! -lola
Great theme. People have been really happy with the final product we built using the design. Customer service has been great as well. We needed to set up production version. Team at Oxygenna was amazingly responsive over a holiday and helped us get the files running with gulp.
This is one of the best theme I have purchased from Themeforest, so far. Well documented, super clean code, super easy customization. Will add Oxygenna to my favourites!
I like this theme. It gives me a lot of easy customizable opportunities and very good samples. Grat job
The theme is beautiful, and the customer support is top-notch. Highly recommended.
Now that Angular 2 core is out/stable—are you going to present this as an option?
ReplyDeleteDo you have a version html? that not using angular?
ReplyDeleteHi scolandrea, Sorry no the template is Angular only
ReplyDeleteIs the regular license good for a SaaS product (for the staff admin and for the customer frontend)?
ReplyDeleteI think you need an extended licence for that, see licence details here
ReplyDeleteAny update on Angular 2? , Even if it in beta I would like to get started with unfinished theme, please let me know
ReplyDeleteWhat exactly are these admin panels used for? Is this an out of the box thing I could use for my business or is it something you need to know angular js to be able to use? It looks beautiful I’d love to create an intranet of sorts for my clients to follow my progress but not sure if thats what this is for. Can you help me understand what this would be used for?
ReplyDeleteHi thanks for your interest, you will need to know angularjs to use this template and you can use it to connect to your business API to display information to your clients.
ReplyDeleteHi, Template is not working properly in IE, will it support in next version
ReplyDeleteHi there,
ReplyDeleteWhich version of ie? What issues are you experiencing?
Dashboards Draggable
ReplyDeleteDashvoard > Draggable > vertical Dragging is not working in EDGE and IE 10,9
ReplyDeleteHi the template does not support IE 9 & 10 only IE 11 and upwards. Would be happy to look into vertical dragging fix. Please open a ticket in our support forum
ReplyDeleteThanks
what is triSettingsProvider and where triSettingsProvider is defined?
ReplyDeleteIt stores some of the settings for the admin panel and is located in app/triangular/settings.provider.js
ReplyDeleteProvider name and provider which is defined are different ?
ReplyDeletePlease open a ticket in our support forum
ReplyDeleteThanks
Hi,
ReplyDeleteTriangular has been updated with angularjs 1.6.3 (from 1.5.8).
But a typo has been introduced in the file “dashboards\widgets\widget-load-data.directive.js” concerning the http service of angular 1.6 which dropped the .success handler of Http. So instead of currently:
”$http.get(url).this(function(response) {...});”
it should be a ”.then” :
”$http.get(url).then(function(response) {...});”
Regards,
Thanks for that will push a fix
ReplyDeleteFix is on GitHub now if you need it, thanks for the heads up
ReplyDeleteHi,
ReplyDeleteIt seems that Angular 1.6.3 is breaking the left menu of the triangular template I get an error:
TypeError: Cannot read property ‘type’ of undefined
/bower_components/angular/angular.js:14516
at new triMenuItemController (menu-item.directive.js:33)
triMenuItem.item.template = 'app/triangular/components/menu/menu-item-' + triMenuItem.item.type + '.tmpl.html';
Which result in an empty left menu.
Hi this is due to a change in angular 1.6.3 you need to call this code in your app config $compileProvider.preAssignBindingsEnabled(true);. Take a look at this commit in GItHub to see how we fixed it in the demo app. Or download the latest triangular from ThemeForest.
ReplyDeleteHello !
ReplyDeleteLittle question where can I put a variable, used from differents files in triangular ? Here, I want to centralize URI for REST server, and I think it’s better to put this in a parameter file, instead of writing same URI in all file that need to make a REST call…
Thanks !
Have you tried creating an angular service that will handle your rest calls? This will allow you to store the url for your rest server in one place.
ReplyDeletenot yet, I’m not expert with angular and I thought about a parameter file or something like this. If you think an angular service is the best way, I will do like this.
ReplyDeleteHello Triangular team,
ReplyDeleteGreetings.
I want to purchase the license but before that I have few questions to be answered.
1) If I use this template in an application, do I need to purchase license for each of my product installation that I do for different clients?
2) What version of AngularJS is this compatible with, Will I get an upgraded version with the same license when I want to migrate the application to new AngularJS version?
3) Do I get all components (Charts, Pages, Menus, Forms, Maps, UI, Elements, etc.,) when I buy Triangular licence or should I buy each component separately? Can you please tell those components which I should buy again.
Waiting for your feedback to proceed ahead. Thank you.
1) You need a licence for every end product (site) that you sell see the licence guide
ReplyDelete2) The template uses angularjs not the latest angular 4
3) You get all the components you see in the demo
Hope that helps
Thank you for your quick response. Can you also please let me know what is the cost for ” licence for every end product (site) that you sell” and for how long this licence can be used..
ReplyDeleteThe standard licence is $24
ReplyDeleteThank you for this awesome job by creating this awesome template, it will saves hundreds of work hours,but I went to documentation to see protect structure, i think it is based on https://github.com/Swiip/generator-gulp-angular
ReplyDeleteand I sow the client app structure is awesome (papa johns guides) )
but it lake for server folder (the backbend where the api code files, the databases, etc…)
me as full stack inserted in having all front end done for me(buying the product) i think the protect structure is not enough
are you having a plan to do refactoring and add server folder so when I do gulp serve the client and server are run together, or maybe create different branch for it
maybe updating to https://angular-fullstack.github.io/
or just update the documentation to till us how to have server and client run together