Discussion on Angulr - Bootstrap Admin Web App with AngularJS

Discussion on Angulr - Bootstrap Admin Web App with AngularJS

Cart 7,816 sales
Well Documented

Flatfull does not currently provide support for this item.

1480 comments found.

can ur musik layout be mixed with this theme? such as the video section, blog, home page?

i just purchased this as well

You can use the carousel on this page http://flatfull.com/themes/angulr/#/app/ui/bootstrap

and the video player from jplayer.org, does not support youtube.

Thanks

Hi there,

Are you able to provide any information about the angular file upload plugin. Do you have links to the plugin you are using?

Kind regards Paul Pounder

Yes, it is.

When I switch the contacts from apps.contact to app.contact, the height of the contacts page is only ‘bout 300px. Thats really wired.

You can use the “app-content-full h-full” classes on the “app-content-body” to make the layout have the full height and no footer.

Thanks

I want it the other way… I want to get the contacts app in “app.contact” and not in “apps.contact”. Is this possible?

yes. use the “tpl/app.html”, and apply “app-content-full h-full” classes on the “app-content-body”

Just purchased your amazing product and I was wondering if any of the following are in-progress for the next build. These few thing would make the theme incredible. If any of these are already available, I apologize for missing them, Please let me know where I can find them. Thanks

Bootbox http://bootboxjs.com/

Quick Notification Creation tool

Multi-Select Transfer boxes

A multi-select transfer box so the user can send between the boxes objects they want as part of a function and those they don’t want.

Page Animations using ngAnimate, ui-router & LESS Right Side Panel – Animated open from the right side to the left, either in full width view or in app view

Left Side Panel – Animation opens from the left to the right, either in full width view or in app view

Bottom Panel – Animated comes up from bottom to the top in the main center area, either in full width view or in app view

Code Source: http://thewaterbear.com/nested-animations-in-angularjs-using-ui-router/

In Place Editing Angular Xeditable Code Source: http://vitalets.github.io/angular-xeditable/

Livereload http://livereload.com/

Date, Date & Time, Range Picker Dual datepicker with time Ranger Picker https://github.com/dangrossman/bootstrap-daterangepicker

Text Fields Auto-grow Text area

Auto Complete Text Field

A fast, full-featured, autocomplete library can prefetch data, search that data on the client, and then falling back to the server.

Color picker

Angular Color Picker

On / Off Switch

A with that reads “On” “Off” so and is animated so the user can visually see that an element is off or on.

Ticket Support & Reply Page

http://creativico.com/admin-templates/PixProV2/support.html http://creativico.com/admin-templates/PixProV2/ticket.html

Chat area using Angular

http://forza.ndevrstudios.com/#/extras-chatroom (Example)

http://www.spike-engine.com/samples/html5-chat-angularjs http://socket.io/ http://www.html5rocks.com/en/tutorials/frameworks/angular-websockets/

Thanks for the suggestions. i will include some of them in future update. Thanks

I did not know anything about AngularJS and wanted responsive UI for my application, so purchased this template last week. You guys are awesome.. the code was so easy to understand and self explanatory. Managed to modify code to authenticate users using java servlet in the matter of few hours. Awesome work!!! I am having little trouble to make this template work with Struts. Do you have any documentation around that?

No documentation about Angular with struts. but you can check this. https://www.youtube.com/watch?v=NfUZ4OrIP-k

Thanks

Hi, I purchased your template and I like it very much. However I have a problem refreshing a chart taken from your examples. I’m populating data in controller but when I get success the graph is not refreshed.

<div ui-jq="plot" ui-options=" 
 [
  { data: {{d}}, points: { show: true, radius: 6}, splines: { show: true, tension: 0.45, lineWidth: 5, fill: 0 } }
 ], 
function($scope, $http, $state) {
 $scope.data = {}; 
 $scope.submit = function() {
  $http({
   method: 'POST', url: './hr',
   data: $scope.data
  }).
  success(function(data, status, headers, config) {
   //$window.location.replace('./confirm.html');
   console.log(data);
   $scope.gr = data;
   $scope.d = [[1, 6.5], [2, 6.5], [3, 7], [4, 8], [5, 7.5], [6, 7], [7, 6.8], [8, 7], [9, 7.2], [10, 7], [11, 6.8], [12, 7]];
  }).
  error(function(data, status, headers, config) {
   if(status == 400) {
    $scope.messages = data;
   } else {
    alert('Unexpected server error.');
   }
  });
 };
 $scope.d = [[1, 1], [2, 1], [3, 1], [4, 1], [5, 1], [6, 1], [7, 1], [8, 1], [9, 1], [10, 1], [11, 1], [12, 1]];
}]);
</pre>" />
You need use the ui-refresh to watch the “d” model.
<div ui-jq="plot" ui-refresh="d" ui-options...

Hi,

Can you make a button to the WYSIWYG that you can see and edit the html code?

Thanks!

Next update will include http://textangular.com/ . it’s angular way. Thanks

Great! Thanks

Love the template, just which there was a Foundation version instead of Bootstrap

No Foundation version. Thanks

some of your other themes have a landing page. Will this have one as well at some point?

Front-end page added to todo list. Thanks

nice!! thanks

Hello, I am trying to the a service to the empty service section. 'use strict'; /* Services */ // Demonstrate how to register services angular.module('app.services', [ 'ui.load']) // bootstrap controller .service('userService', ['$scope', function($scope) { this.getName = function() { return 'geoff'; } }]) ; I added the lazy load here .state('access.signin', { url: '/signin', templateUrl: 'tpl/page_signin.html', resolve: { deps: ['uiLoad', function( uiLoad ){ return uiLoad.load( ['js/services.js'] ); }] } }) but when i try to access it from the signin controller it throws a error .controller('SigninFormController', ['$scope', '$http', '$state','userService', function($scope, $http, $state,userService) { var user = userService.getName
Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- userService can you please assist. It would be helpfull if you would have put a service stub in the theme for reference. Geoff

Check the “js/app/mail/mail-service.js” the service start with app.factory. if you use uiLoad to lazy load other directive, controller or service. use the “app.” to register them.

Thanks

Hello, I am trying to the a service to the empty service section. 'use strict'; /* Services */ // Demonstrate how to register services angular.module('app.services', [ 'ui.load']) // bootstrap controller .service('userService', ['$scope', function($scope) { this.getName = function() { return 'geoff'; } }]) ; I added the lazy load here .state('access.signin', { url: '/signin', templateUrl: 'tpl/page_signin.html', resolve: { deps: ['uiLoad', function( uiLoad ){ return uiLoad.load( ['js/services.js'] ); }] } }) but when i try to access it from the signin controller it throws a error .controller('SigninFormController', ['$scope', '$http', '$state','userService', function($scope, $http, $state,userService) { var user = userService.getName
Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- userService can you please assist. It would be helpfull if you would have put a service stub in the theme for reference. Geoff

please provide comment to next post or email directly with update

if you use the uiload to lazy load other directives, controllers or services. you need define them start with “app”, only this way can register them dynamically.

app.service('userService', ['$scope', function($scope) {
        this.getName = function () {
            return 'geoff';
        }
}]);

Hi there,

fabulous theme by the way, I love angularJs, so you offered me such a treat! :)

Just bought it and I don’t know very much about node.js. I followed the instructions in your docs but when I try npm start I got that error message:

BootstrapAngularAdminWebApp@1.3.0 start: `node node_modules/.bin/http-server src -o` npm ERR! Exit status 8 npm ERR! npm ERR! Failed at the BootstrapAngularAdminWebApp@1.3.0 start script. npm ERR! This is most likely a problem with the BootstrapAngularAdminWebApp package, npm ERR! not with npm itself. npm ERR! Tell the author that this fails on your system: npm ERR! node node_modules/.bin/http-server src -o npm ERR! You can get their info via: npm ERR! npm owner ls BootstrapAngularAdminWebApp npm ERR! There is likely additional logging output above. npm ERR! System Darwin 13.1.0 npm ERR! command “node” ”/usr/local/bin/npm” “start” npm ERR! cwd /Applications/XAMPP/xamppfiles/htdocs/gestigris3 npm ERR! node -v v0.10.31 npm ERR! npm -v 1.4.23 npm ERR! code ELIFECYCLE

how could I fix this? :)

Thanks again

change the
“start”: “node node_modules/.bin/http-server src -o”
to
“start”: “node node_modules/http-server/bin/http-server src -o”
in package.json

Can this be used without angular JS, only jQuery?

There is a angular-stripped.html that using jQuery.js and Bootstrap.js, not all the plugins are available from Angulr. but you can use the plugins under “js/jquery/”.

Thanks

You rock, thanks

Thank you!

Hi, I love your template, just soooo professional :-)

I was checking page by page and i realize that Profile is really empty http://flatfull.com/themes/angulr/#/app/page/profile

There’s only a time line but not standard profile fields. Are you planning to develop for next updates?

Could you share your next update plans? what are you working on? any new features or pages?

One more time. AMAZING WORK!! I’m part of Envato since they create activeden and over 500 items purchased and this is one of the most professional works I ever seen.

More sections will be add in profile page. Next update will add more modules.

Thank you and the kind word.

More sections will be add in profile page. Next update will add more modules.

Thank you and the kind word.

Hello. I bought RegulR last night, apparently the Bootstrap and jQuery frameworks are not complete. Is it possible to have a complete and functional product. Thank you in advance.

Not all the js plugins are enabled in the angular-stripped.html, but you can use the jQuery plugins that included. just need some initial functions.

Thanks

How can i use ui.bootstrap in ngGrid? I don’t know how ti inject it to the controller. I need to open a modal on table cell click, but don’t know how to relize without ui.bootstrap.

I only get TypeError: Cannot read property 'open' of undefined

GOT IT :-D

Happy Coding.

is it possible to use datatable editor?

Did not test the datatable editor, but you can use the ngGrid for table editor.

thanks

I just purchased this product. I can’t find where or how I’m able to modify anything. Please help. Your documentation doesn’t show how to modify the navigation or create pages or anything.

Change the navigation in “src/tpl/blocks/nav.html”, the header, aside, and page content are separated html blocks.

Thanks

I just purchased this product. I can’t find where or how I’m able to modify anything. Please help. Your documentation doesn’t show how to modify the navigation or create pages or anything.

Hi, you need know the AngularJS to get start.

Please remove such errors :

http://i.imgur.com/y2ieE3E.png

Also please take care of such warnings and unnecessary logs :

http://i.imgur.com/fuUaOOp.png

Please keep the as perfect as it’s right now, it’s one of the best Admin Template theme so far and I want to see it grow and beat Metronic sooner,

1 development suggestions : Start using HTML 5 history pushState API instead stupid Angular JS hashtags,(It might be hard ‘cause you use nested views, but it’ll be highly appreciated if achieved), developer like me don’t need nested routing, ‘cause we implement your theme to dynamic php files instead pre made static html files,

Cheers, Aditya

Also flatfull can we get a CSS only version of the theme¿ It’ll be super great if we can :) Cheers

I will check these warnings and errors.

for the hashtag url, it can be removed by using the html5mode in AngularJS.

if you use the php, the “src/angular-stripped.html” is a good start.

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