2474 comments

Hi, I have this dropdown actions

<ul class="actions">
<li>
<a class="dosomething" href="">
<i class="md md-trending-up"></i>
</a>
</li>
<li>
<a href="">
<i class="md md-done-all"></i>
</a>
</li>
<li class="dropdown">
<a href="" data-toggle="dropdown">
<i class="md md-more-vert"></i>
</a>

<ul class="dropdown-menu dropdown-menu-right">
<li>
<a class="dosomething" href="">Refresh</a>
</li>
<li>
<a href="">Manage Widgets</a>
</li>
<li>
<a href="">Widgets Settings</a>
</li>
</ul>
</li>
</ul>

I added this javascript code at the end

$(document).off('click','.dosomething');
$(document).on('click','.dosomething', function(){ alert('what');});

It does not work for "Refresh" option. Works fine for "md-trending-up" but not in the "Refresh" option.

Could you help me with this?

Thanks :-)
Hi,

Please remove/comment below codes from function.js, (line no. 170 - 172)

$('body').on('click', '.dropdown.open .dropdown-menu', function(e){
e.stopPropagation();
});

I've added this in order to keep the dropdown-menu alive when clicking inside of it. I never thought this would create an issue. Sorry about this issue and thank you for notify me on this. I'll definitely add a fix on my next update.

Regards
Hello. This template is just awesome!
Does it work well with ruby on rails?
I'm beginning to develop and I want a solid template to start.
Thanks in advance.
Hi,

Thank you for the feedback. This template is made out of HTML thus you can use on any web projects by simply copying the view codes.

Regards
Hi, this theme is compatible with the Angle theme? I can just reference the css and it will work with most of the elements and components that comes with the Angle Theme? Thanks
Hi,

Are you talking about this one?
https://wrapbootstrap.com/theme/angle-bootstrap-admin-app-angularjs-WB04HF123

If so, sorry it won't. I'm using my own custom classes everywhere with Material Admin thus it won't fit well.

Regards,
Rushenn
tiko165 PURCHASED
If the page does not have 100% of our the screen, the sidebar is also cut as the page size.
Alias PURCHASED
Set the html & body height to 100%.
tiko165 PURCHASED
ohhh yes, thank you. Quickly resolved the issue.

But it's something to add in the next version of the theme;)
Hi. I saw in a previous comment, your answer about the development of a version based on Angular. Do you already have a release date for that?
Hi,

I'm working hard to release the Angular variant, allow me some days.

Regards
Hi,

Where the dash update? three weeks and nothing yet.
Hi,

Working on the Update, please allow me some days to release.

Regards
Can't wait for the Angular version...it will be a killer package. I was thinking about converting this to angular as our project is Angular but I think we'll wait if its not far away? Will it be based on Bootstrap or will it use the official Angular Material project and directives as seen here by the angular ui team ?? :
https://material.angularjs.org

This has to be the best Material theme out there so far. Well done :-D
I have to be stick to the Wrapbootstrap guidelines thus It will be based on Bootstrap. I'm also using third party Angular modules in order to make this a good package. Sorry for getting late as I'm getting less time to focus on this theme. I'm a full time programmer yet trying my best to release it ASAP.

Thank you for the kind words and being patience.
Can you give us the estimated date for angular js version?
I'll be releasing before end of next week.
waszczpa PURCHASED
Hi,

could you please update form pages to contain at least one complete (eg. horizontal) form, that has all features (icon addons, validation etc). I'm having trouble to combine these.

Thanks
Hi,

I'm planning to release the next major update next week. I'll include a specific example as you requested in form page.

Regards
Hello,

Can indicate some tool to use in the chat?
Hi,

Please consider any of these,

https://github.com/lovelle/jquery-chat
https://github.com/html5-ninja/Pusher-chat---jQuery-plugin
http://chatjs.net/

http://code.tutsplus.com/tutorials/how-to-create-a-simple-web-based-chat-application--net-5931

Regards
Hi,

Any plans for ASP.NET MVC5 version??

Really love this template, You're apparently the only guy in the world who had the great idea to transfer the beauty material design to webpages. :)
Hi,

Thank you for the kind words. Sorry I have no plans for MVC at the moment but as per my To Do's, MVC is the next thing after the Angular variant. I'm almost done with Angular and after its release I'll consider the MVC5 variant.

Regards
Please let us known if the next major release after angular variant will be MVC. I'll appreciate that.

Thanks!
Yes It'll be MVC
chrishup PURCHASED
Hey there, just wondering when you expect the Angular version to be released? Love this template and would like to use it for my app, so just waiting on the Angular version. Also, after purchasing the template, are future updates included? Thanks
Hi,

I'll be releasing the Angular variant before end of next week. Once you purchase the template all future updates are free and it will include all the new updates including Angular variant.

Regards
Hi,

I'm about to buy this great looking theme. Just wanted to touch base, is it Ajax and jqGrid supported?

Thanks
Hi,

I have integrated Bootgrid which is an alternative for jqGrid with the template. Sorry there is no Ajax implements right now as its a static template.

Regards
Please let us known if the next major release after angular variant will be MVC. I'll appreciate that. Thanks!
Yes It'll be MVC
Would love to see a "timeline" template that flows with this theme. here are some examples: http://codyhouse.co/gem/vertical-timeline/ http://www.cssscript.com/demo/responsive-flat-style-timeline-with-pure-css-css3/
also an "Inbox" / "Messages" template.
http://html.nkdev.info/_con/page-timeline.html
Hi,

Thank you for the suggestion. Please have a look on these pages,

http://byrushan.com/projects/ma/v1-3-1/messages.html
http://byrushan.com/projects/ma/v1-3-1/profile-timeline.html

Regards
Hello could you please give an estimate of when the angular.js version will be available, 1 ,2, 3 weeks etc? Really looking forward to the release for new UI of our web app. Thanks in advance!
Hi,

I'll be releasing the Angular variant before end of next week.

Regards
Hi there,

My boss purchased this theme but im having two issues:

How is your code for '<select>' even working when I check your functions.js I see this:

if ($('.selectpickers')[0]) {
$('.selecstpicker').selectpicker();
}

selectpickers does not exist nor does selecstpicker. it should be 'selectpicker'!...
So how can it work? (i changed them to selectpicker and works fine)

Second question, we are using this template with our angular project and although it took some work is running somewhat ok.

However I have an issue with <select> not working inside an ng-repeat.. the style doesn't get applied and looks like a nasty old school <select>. why is that?

We'll be also waiting for the release of Angualrjs version! :)
Hi,

Firstly, it's a spelling mistake and it should be, $('.selectpicker').selectpicker(); Sorry about this and thank you for letting know about this issue.

As you noticed, this plugin would work even without initiating the function with .selectpicker or any other classes. It's because .selectpicker class is already bind in the core library and as long as you have the class .selectpicker with any select elements in your HTML, this will work. You may remove the function completely from functions.js, if your classes are limited to only .selectpicker.

For the ng-repeat, did you convert your jQuery function to a Angular Directive?

.directive('selectPicker', function(){
return {
restrict: 'A', //You may use a class
link: function(scope, element) {
if (element[0]) {
element.selectpicker();
}
}
}
})

Regards
Hey man, great theme - really loving it so far.

Now let's talk business. Where did you get the illustrations found in img/headers? If you made them yourself, are you open to being commissioned to make more? Or if you licensed it from somewhere, can they maybe help me out?

Again, sweet theme and good work :)
Hi,

Thank you for the feedback and kind words. I got these graphics from XDA Foum but they are originally from Google. You can use them in your project as you want.

http://forum.xda-developers.com/showpost.php?p=37322378

Regards
keep getting this console error

Waves.displayEffect() has been deprecated and will be removed in future version. Please use Waves.init() to initialize Waves effect - waves.min.js
Hi,

I have updated the Waves plugin in the new version and it'll be released this week.

Regards
Hi man! exelent product, i have a question can i change the color of the radiobutoon you have now when it is cheked a color cyan, how can i change the color?
Alias PURCHASED
```
.radio .input-helper:after {
background-color: red;
}
```
Hi,

Please change the CSS as Alias said above in forms.less.

Thank you Alias for the reply.

Regards
ukjbrown PURCHASED
[BUG] Using the arrow keys to select an entry on a Chosen select dropdown doesn't work, you have to use the mouse to select an option.

[BUG] The dropdown on a Select dropdown doesn't close after you make a selection.

These both appear to be specific with this project as both features work correctly on the Chosen project page.

I've updated to use the latest version of Chosen (1.3.0) and this doesn't rectify the problem. There doesn't appear to be anything in functions.js that would cause this issue, so all I can think of is that there is a conflict with another plugin that is breaking some events, or there is something in CSS that is causing the issue.
ukjbrown PURCHASED
Correction;

[BUG] The dropdown on a Chosen select dropdown doesn't close after you make a selection.
ukjbrown PURCHASED
Have tried with Chosen 1.4.2 and problem still exists.
ukjbrown PURCHASED
OK, I'm getting somewhere with the close on select bug. The original Chosen CSS positions the .chosen-drop off the page as so;

.chosen-container .chosen-drop {
border: 0;
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
}

This is overwritten in your theme CSS.
ukjbrown PURCHASED
So, the fix for the first bug is as follows;

app.min.2.css [2208]
.chosen-container.chosen-container-active.chosen-with-drop .chosen-drop {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
}

You need to add ".chosen-with-drop" to the class selector. The current CSS will make the dropdown show when the input is "active" which is not correct. It should only show the dropdown when the "chosen-with-drop" class is applied.
Hi,

Thank you for letting know about this issue and fix. I'll consider this on my next version release.

Regards
Hi, how can I render this chart without the '%' symbol?

<div class="col-sm-3">
<div class="epc-item bgm-orange">
<div class="easy-pie main-pie" data-percent="88">
<div class="percent">88</div>
<div class="pie-title">Sold Items</div>
</div>
</div>
</div>
ukjbrown PURCHASED
The % symbol comes from the percent class;

.easy-pie .percent:after {
content: "%";
}

So you'll have to remove that class for the div containing "88".

However, the percent class also applies the following styles to the div;

.easy-pie .percent {
position: absolute;
font-weight: 300;
width: 100%;
line-height: 100%;
left: 0;
}

So you may have to create your own class to ensure the value is rendered correctly. I can't see an equivalent class for a non-percent value, but the author may be able to help further.
Hi,

Please update CSS as ukjbrown mentioned above. There is no any other classes to replace to get rid off %, it's CSS driven.

Thank you ukjbrown for the reply.

Regards.
The side nav does not scroll when using Safari on OS X. Is this a bug and can it be fixed?
Hi,

There is no visible scroll-bar in left sidebar but it should be able to scroll using mouse wheel or touch pad. I have tested this on OSX Yosemite and it's working. Could you please tell me the OS and Safari version.

Regards
Hi, the problem is that we have some customers that are on OS X/Safari desktop w/o touchpad or magic mouse/scroll wheel. They require a visible scrollbar. Is it possible to add a scrollbar that's visible using nicescroll?

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

$24
8871Purchases

Licenses: Details »

Single application $24
Version:2.0.2
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
Categories:
Tags: admin template, dashboard, lightweight admin, material, material admin, material design, responsive admin, responsive dashboard
Item#:WB011H985
Released:2 years ago
Updated:2 months ago
Sold exclusively on WrapBootstrap
rushenn

rushenn

Signed up 5 years ago

Need a front-end theme?

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 9/10/11
  • Latest Opera

Features & includes

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