Discussion on Urban - Responsive Admin Template + Customizer Access

Discussion on Urban - Responsive Admin Template + Customizer Access

Cart 836 sales
Well Documented

iamnyasha does not currently provide support for this item.

104 comments found.

I’m having difficulty working as a checkbox, when I use the expression ui-jq = “checkBo” simply does not work with Angular (ng-model) interaction. I would like some solution to this kind of problem. Thank you

Try something like this <label class="cb-checkbox" ng-class="{'checked': app.layout.isFixedHeader}" ng-click="app.layout.isFixedHeader"> <input type="checkbox" name="default-checkbox-name" ui-event="{ change : 'app.layout.isFixedHeader = !app.layout.isFixedHeader' }" ng-model="app.layout.isFixedHeader"/>Default Checkbox </label>

Thanks

Resolved and answered my question / problem, thank you

Good afternoon,

I have ran in to a problem with the gallery and blueimp.

Currently in the lightbox you have specified the modal but i would like to use the default behavior of the blueimp gallery where it displays the images bigger and full screen.

When i remove the modal portion of the lightbox div all i get is error loading.

Any help or suggestion would be greatly appreciated.

Thank you

Thank you for a quick reply.

I have also found a small problem not sure if its me or how to fix it. In your online demo http://urban.nyasha.me/html/app-messages.html the links in messages menu are not being boxed as they should, I believe this happened after a recent update of chrome. Could you please help with that. Thank you.

Please ignore, after clearing cache on multiple PC’s it started working. Weird issue.

I’m having difficulty in simply loading your tamplate, every time I make a request, I see that config.router.js is called by index.html, but when a url execution: ”/” is called dashboard.html, in that Part of the code, I see that return $ ocLazyLoad.load (‘scripts / controllers / dashboard.js’); I am not able to load dashboard.js, which is what I want to print the value {{state.current.data}} my return will be: {“title”: “Dashboard”} {“url”: ”/” “Template”: “views / dashboard.html”, “resolve”: {“deps”: [”$ ocLazyLoad”, null]}, App.dashboard “} where it indicates that” deps ”: [” $ ocLazyLoad ”, Null]} “returned null, is that right? Could you help me with this? Thank you

Can you share the files that you’ve change to get a better understanding of the issue. Thanks

Hello, I would like to know if there is any sample project using your project in a Spring Boot + Angujarjs project using Intellij ide?

Thank you

Hi, Sorry don’t have any sample of template using any of those. Thanks

Hi, I’m trying to update angular js to 1.4.1 and always I get an angular animator error. Can you help me out with this ? Thank you.

Seems to work on my end. If you continue having issues get in touch via profile page and i’ll send you my 1.4.1 version. Thanks

Hi, I have solved yesterday the problem, now is angular 1.6.3, but you need to add additional components via bower – some hardcoded in vendor, like angular-touch, angular-ui-router and jquery.

Yes the core packages are all located in the vendor folder, bower is only being used for the optional packages. Will check on 1.6.3 if there are any issues.

Hello,

We are trying to understand the purpose of the vendor file. Why was this added? Why not just add them in the bower components?

Hi. The items in vendor folder are supposed to be the core packages that are required by the template and bower is supposed to handle all the optional third party plugins. Having them in bower components is still fine.

Hello, I am making progress in figuring out how to manipulate the template. However, I am stuck on the fact that I have added the angular-cookies package, and I cannot figure out how to get grunt to include the .js file when it builds the .html page. I installed the package using the bower, and it is in the bower_components folder, but it doesn’t get picked up and injected into the html document. Thanks in advance.

Packages are not automatically included in your html when you install them with bower. If its something you want to use globally e.g. ngStorage then you add it in your index.html file and define in you module declaration in app.js . If you want it loaded for specific pages then you can define it as a dependency in config.router.js

I’m developing a page referenced in the (the main content viewing area). I’ve edited the config.router.js to correctly reference the template. The data is in json format and displays correctly when it is included within the html of the template.

But, I’m trying to display data from a postgres database using pg-promise. I’ve successfully built a node js script to call and format the data into json. I believe the correct approach is to build a new controller. I’ve copied the function in a new file called editOrg.js and called that function by: angular.module(‘urbanApp’).controller(‘DataCtrl’, DataCtrl);

I added this line in the config.router.js in the .state() method for that sidebar object: .then(function () {return $ocLazyLoad.load(‘scripts/controllers/editOrg.js’); });

In my template html file I am using this to reference the module: div ng-app = “urbanApp” and div ng-controller=”DataCtrl (html tags have been stripped so they appear in this post)

In Chrome’s Console I get a ReferenceError that the requires needed to run the function in editOrg.js are not defined – as if it was being run from the browser and not the server.

Questions: Where do I locate a new controller? Does it need to be referenced anywhere such as app.js? Should it be included in config.router.js even if it has ‘requires’ that cannot be run in a browser? Can you provide any guidance on examples where a postgres database was successfully used to populate content within this framework? Any assistance would be helpful as I’ve spent over 2 weeks on this task without success and I’m about to give up on this framework. Regards, —Joe

Hi,

Your workflow seems correct. Can you share your editOrg.js file so that i have a look at it. You can send it to my email. Thanks

Hi,

I’m trying to set up Urban app, I’m doing it according to you guid.

I can’t use “npm install” from root dir beacause there is not package.jason.

How I can figure it out? there is some “package.jason” files in subdirectories.

You run the commands from either the angular folder or the html folder. You can also go ahead and use no bower-grunt angular no bower-grunt html folder which come with everything ready to go. Thanks!

thanks, the app works properly. But I didn’t find how to edit pages, how to build my dashboard, can you give more details?

Hi,

I’m trying to set up Urban app, I’m doing it according to you guid.

I can’t use “npm install” from root dir beacause there is not package.jason.

How I can figure it out? there is some “package.jason” files in subdirectories.

Does the template already have support for environment variables or do I need to extend it with some like grunt-ng-constant?

Having an issue with datatables. when trying to loading data from a server – options(paging ordering searching options) are not passing to a server. Is there any solutions. thanks

Sure, everything from official doc. and also I have tried using a angular-datatables samething paging is not working for some reason.

are you going to update this template? It seems that its not updated from 2015

There aren’t any planned updates for this template.

Hi, I am not able to find the JSON binding with the elements. please provide way to bind json model with charts ui. (An example would be a great help)

Regards, joe

Thanks for buying. Which chart library are you using?

Hi Nyasha. I like your Admin Template but i have a problem with the included datepicker.

I have tried to change the datepicker-popup example by defining the minViewMode with following configuration:

datepicker-options=”{minMode: ‘year’}”

But nothing happens. I tried very mutch, but I not able to make progress.

It would be create if you have some advise for me.

Thanks Jakob

Thanks for buying.

The correct markup is ui-options=”{}” instead of datepicker-options=”{}”

Thanks

Hello I bought your template, but I am having a hard time learning how to implement it. I see you have “urbanApp” module and then you route to the specific HTML page and then you add a controller to that DIV. But lets say for instance that I want to make a page where all these controllers are present, for example; I want the functions in the dashBoard.js and the alert.js present in the page, how would I do this?

I know this sounds very noobie, but I am a bit new to angularjs, an explanation on how the controllers are interacting would be awesome.

and also, do I have to install Grunt or Bower for it to work?

I know to explain all of this would be to give me a whole course but just the most important.

Thanks for buying.

You can copy the code from any of the controllers but you would also need to make sure that you copy all the route dependencies as well in config.router.js to your new route.

Grunt and bower usage are not mandatory, version with packages installed and assets built is already included.

Cheers

Yeah I could copy the code inside the controllers but I do not want to ruin the well laid out structure the template already provides. Is there a way I can add dependencies on a specific route? Meaning I could inject each controller that I would like for the specific page?

You can copy just the code from e.g. the alerts.js controller and add it to the dashboard.js controller. You can get in touch via email and i’ll send you a sample

Hello There,

What is AngularJS version in your theme?

Thanks

Hi.. I’m unable to view the template with all colors and designs. I just get the data without the UI theme layout. And why do need to install nodeJS. Its mentioned in the documentation.

Hi,

Thanks for buying. You’ll need to use files under no bower-grunt angular for angular and no bower-grunt html for html, Those ones contain the compiled assets. Files under angular and html are the ones that need node.

Cheers

Thanks for your help so far. I however have yet another issue with the panel-control-refresh. I hope I can explain this properly.

Here’s the deal…..I will be using the panel-control-refresh directive in different views/contollerAs

I have different contollerAs in different views e.g angular.module(‘SomeModule’, []) .controller(‘ModuleController’, [’$http’,function ($http) { var vm = this; $http.post(’/inboundService’, data) .then(function (response) { vm.viewData = response.data; }); }]) vm.viewData is the view property that should hold it in this view.

Now, in another controller, I intend to have another viewData to hold response. So, I decided to have the $http.post in the dirrective itself.

How would I be able to dynamically put the response a variable that would be available in the different calling views.

Meanwhile, the response data would be in the panel-body

Hi,

Have you tried using a service instead since you wil be using the data in many different controllers

I don’t get, do you mean I should not use the directive?

Hi guys, I was working on the the wizard and I noticed that I can’t click on the tabs because of the onTabClick function where we have a return false;..... How can I allow users click on the tabs if I want to?

Hi,

Thanks for buying. You can remove the onTabClick function and tab clicks should work fine. If you want to find out more on how the wizard works then you can read the offical docs here https://github.com/VinceG/twitter-bootstrap-wizard

Cheers

Hi, thanks for the reply. However, a click on the tabs now effects a redirect to the login page. Apparently, it changes the URL to something like 127.0.0.1/#/mypage which triggers the otherwise clause of the ui-router

The npm install log is printed in ” debug npm ”. How do I fix it?

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