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.

Oh My God! Best Admin Template I’ve ever seen!

Really nice.

But how can I get the weather in degree celsius?

And how can i toggle the user in top of the navbar on the left?

cheers akali

{{ ((celToFar * 9) / 5) + 32 | number}} toggle the “hide” class will show/hide the user

Thanks

great work on this angular theme.

do you plan to support sortable widgets?

Will add sortable widgets in future update. Thanks

how can I use ng-model like on a sortable list, so I can continues catch the list?

Next update will add https://github.com/a5hik/ng-sortable . it will bind model on the list.

thanks

thanks!

You are welcome.

I loved the design of this template :) I have one question, right now every url is start with prefixed app, for example

#/app/dashboard-v1
#/app/calendar
...

how i can get rid of app prefix ? so it will look like

#/dashboard-v1
#/calendar
...

Thanks for great theme

We can use the nested views if we start from state “app”, dashboard-1 extended “tpl/app.html”, and nested in “index.html”,

but you can copy the “tpl/app.html” content into the index.html. so you do not need load the “tpl/app.html” for middle layer. then you can use the code below

.state('calendar', {
   url: '/calendar',
   templateUrl: 'tpl/app_calendar.html'
})

but then your signin/signup page will have the app layout too.

Thanks

I am very happy because of buying this template :). I am going to learn recent technologies from a programmer better than me and use it in my own project. Currently I am not up to date with most recent JavaScript frameworks, but I had my first approach to AngularJS and failed with nested views during my own CMS creation.

I want the world to be better because I was here.” Will Smith Read more at http://www.brainyquote.com/quotes/authors/w/will_smith.html#uXQrWz7KK1uZMHU7.99

Thanks you Flatfull for sharing your work! Your work will made me better web developer in coming days! ;D

Thank you, and the kind words! :)

I’ve followed the instructions on building >npm install -g grunt-cli >npm install >grunt bower-install >grunt build:dev

I had to change >grunt bower-install to bower-install-simple, but when I run npm start I get.

basedir=`dirname ”$0”` ^ Syntax Error: Unexpected token ILLEGAL.

I thought this might be a bash script so I changed the script line in package.json to read

“start”: “node node_modules/.bin/http-server.cmd src -o” and tried again but still errors.

Can anyone give me the step they’ve used to build and run on Windows ?

Thanks

John

Cracked it, I changed the start script to read “start”: “node node_modules/http-server/bin/http-server src -o” and it worked.

Thanks

John

This code snippet helps. Thank you!

Hi,

Could you update the stylesheets for the new ui-select (ui-select2 is deprecated) and the new ui-grid (which is a ng-grid rewritten)?

Thanks

Yes. next update will add ui-select and ui-grid.

Thanks

Nice =), thank you

Thanks for the suggestion.

How would you go about updating your angular model when the sort order has changed?

I tried to create a config but unable to achieve this. $scope.sortConfig = { handle: ".handle", onsortupdate: function(){ // tried onSortupdate and onSortUpdate console.log('yay'); } } and in HTML: <ul ui-jq="sortable" ui-options="sortConfig" class="list-group gutter list-group-lg list-group-sp"> </ul> The “handle” seems to work but not the call back. Thanks

This one https://github.com/a5hik/ng-sortable is good. no jQuery and supports touch devices.

Thanks. After a little more research i chose ui-sortable even though it requires jQuery UI (a subset which is 37KB) as it supports IE8.

OK. but i give up IE8. :)

Hi! I have some problems and need your help.

Below you can see, I want to replace “More” button by green button above. That means when I click (check) on green button, it will appear a list as well as when I use “More” form. https://www.dropbox.com/s/mifx2g5w6rpysnj/01.JPG?dl=0 In this case, https://www.dropbox.com/s/laooecgl4ix77q9/05.jpg?dl=0 I want when checking on “More”, a list below will have a scroll bar as the pic on the right hand (because of some list is too long that if I put it in the end of page, it will appear as the pic on the left).

Hope you understand what I mean and helping me as soon as you can.

Thanks.

You mean the page footer above the dropdown list. you can use the “dropup” class to make the menus above “more” button.
<div class="dropdown dropup"> 
or use a scroll
<ul class="dropdown-menu" style="max-height: 100px; overflow-y: auto;">

In the second case I tried following you (use a scroll) and it did great. Thanks. Please show me how could I have a dropdown list when use the switch button. I want instead of using “more”, how can I use switch button to make a list?

you can bind an click event on the switch button. ng-click=”showList()” and in the showList function to check the switch model is true or false to open or close the dropdown list.

I sent you a message via contact form, but i didn’t get invited for the bitbutcket repository. Could you please check the message and reply?

Replied, Thanks

What is the easiest way to update without overriding my edited files?

use your own project folder. not the files you downloaded. and use the git to see what changed.

Thanks

Can you add me to your repo? last time you added me your repo was full and my request is out of date. Thanks!

Sent a msg to you. Thanks

hello , how can I organize my project without the risk of overwriting when a new update is available ? How can I organize my files ? thanks

Hi, it’s better not working on the files you downloaded, you need have your own project folder. you can always copy the css files. but not all the js files, some js files just for demo.

Thanks

Hi! It would be great to get this theme as a html.

I have include a angular-stripped.html page, you just need copy the block contents into this page.

Thanks

Hi, I want to highlight some text in [UI kits/portlet/News] when i klick some words in one news text, can you give any help for this please ?

The selection disabled because it’s use the html5 draggable=”true”, you can remove the ui-jq=”sortable” to enable the selection.

Thanks

Hi dude! Do you have a widget weather? I think the theme could really use the ability to configure one, specifying the place and format, degrees celsius or fahrenheit.

One more thing, i have detect one problem, check the progress “milestone and releases” in the menu, they have problems with margins.

Good job, maybe buy the theme.

Hi! How i do for get the calendar 100% functional in angular_stripped.html?? Maybe will be well have stripped all app, for using without angularjs..

Let me know

The calendar locate at “src/js/jquery/fullcalendar” and it’s jquery plugin. you can use http://fullcalendar.io/ api to make it. Thanks

What’s new in the latest update?

Edit: oh I’ve downloaded the new version and seen! Wow thanks for listening to all the feedback – you’re amazing thanks so much :)

Thank you! :)

Hi, can you help me with adding a separate stylish\narrow vertical scrollbar into the left side menu (something like this – http://preview.oklerthemes.com/porto-admin/1.2.0/index.html). thank in advance

Just need put the slimscroll on the “navi-wrap” will make it has a custom scroll.

<div class="navi-wrap" ui-jq="slimScroll" ui-options="{height:'100%', size:'8px'}">

thanks

I’ve purchased every one of your admin templates and I’ve been so very pleased with each of them. I’m not a Javascript guy by any means, but a back-end sort. I’ve spent the last few hours tinkering with this theme to try to get it to act like it would if it wasn’t built around angular/handlebars. I’d be so very appreciative if you could provide an option as such. I understand includes and all that, but this is making me tear my hair out! :O

Edit: to be quite honest, if this was just HTML it’d get me started: http://flatfull.com/themes/angulr/#/app/page/profile

oh my god that was so quick!

Yes, it’s simple to use the html/css.

Hi, how to make Responsive Table checkboxes smaller? so the are size of “classic” checkbox but with :features;.

also how to add them to email app for bulk actions ?

Thanks

Next update will has a “i-checks-sm” option for small size. you can bind the checkbox to the email model.

Thanks

you can get the “i-checks-sm” and “i-checks-lg” now. Thanks

Thanks for your respond, Am getting an error, This is the process i told in previewing the app

I created a project folder in Visual Studio and i added the files into the project folder, as shown here: http://prntscr.com/4qhjrn

This is the error am getting http://prntscr.com/4qhjkz, Please what is the work around

Thanks.

Running on iis, you need put a “web.config” file in your app root.

<?xml version="1.0" encoding="utf-8"?>

<configuration>
  <system.web>
    <compilation debug="true" targetFramework="4.5" />
    <httpRuntime targetFramework="4.5" />
  </system.web>
  <system.webServer>
    <staticContent>
      <remove fileExtension=".json" />
      <remove fileExtension=".svg" />
      <remove fileExtension=".woff" />
      <remove fileExtension=".jpg" />
      <mimeMap fileExtension=".json" mimeType="application/json" />
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
      <mimeMap fileExtension=".jpg" mimeType="image/jpeg" />
      <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
    </staticContent>   
  </system.webServer>
</configuration>

Thanks

Thanks the solution works

Next update i will change the ”.json” to ”.js”, so no blocks then.

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