2464 comments

Is there a way to get either chosen or selectpicker working within a modal? Somehow those select pickers aren't working out of the box it seems?
Bit more info: I made a modal which opens remote URL's, so I am using data-target attribute to set the target for the modal. When I 'pre rendered' the modals, the chosen selectpicker worked, but since I change to data-target attribute the chosen and selectpicker scripts for select elements isn't working.

I added
$('.modal').on('shown.bs.modal', function(){
$('.chosen').chosen();
$('.selectpicker').selectpicker();
});

But it didn't work unfortunatly. The searchglass appears, but nothing more.
Hmmm, the indenting got screwed up. :( Sorry.
Ah, after some more searching, I've found the solution; it just needed a width. So my code is as follows:
$('.modal').on('shown.bs.modal', function () {
$('.chosen').chosen({width: "inherit"});
$('.selectpicker').selectpicker();
});

I hope it helps others!
Hi,

Please describe how pagination script is appended on the DataTable.
Below is the table I have modified incorporating expand collapse row, but unable to incorporate pagination.

<tbody>
<tr ng-repeat-start="inv_detail in inv_detailsObj | filter:searchText" >
<td>
<button ng-if="inv_detail.expanded" ng-click="inv_detail.expanded = false;">-</button>
<button ng-if="!inv_detail.expanded" ng-click="inv_detail.expanded = true;">+</button>
</td>
<td>
<input type="checkbox" name="chkboxName" ng-click="showSelectedValues();" value="{{inv_detail.txn_header.id}}"/>
<span ng-show="false">{{inv_detail.txn_header.id}}</span></td>
<td>{{inv_detail.txn_header.error_details}}</td>
<td>{{inv_detail.txn_header.inv_status}}</td>
</tr>
<tr ng-if="inv_detail.expanded" class="bglineitem"><td></td>
<td>Line ID</td>
<td>Txn ID</td>
</tr>

<tr ng-if="inv_detail.expanded" ng-repeat-end="" ng-repeat="line in inv_detail.line_details" class="bglineitem">
<td > </td>
<td >{{line.id}}</td>
<td >{{line.txn_header_id}}</td>
</tr>
</tbody>
Hey guys ! I'm new, and i would like to know how to start with Materiel Admin Angular2 version. Can you help me plz ? Thx in advance !
Using the ng2 version. Could you please look at theming the swimlane datatable (https://github.com/swimlane/ngx-datatable)? Support for ng2-table seems like is falling behind and swimlane is a better component for Ng4 support.
Hey ! my ng build doesn't work :/
ERROR in Type PieChartsComponent
and
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory'

Can you help me please ?
thx in advance !
Hi there,
I purchased this theme a couple of days ago, its an awesome theme. I just wanted to know how to autoclose left sidebar on smaller devices after a user click. The left side bar remains on top of the main section after a user click and hides the content and it can be bit annoying to manually close the sidebar every time. Thanks!
Hi,

Can you please let us know, in which version you have experienced this behavior?

Regards.
Hi there
I get the files, although in descriptions it mentioned it's Less, but files are in SCSS format, is there any less format source?
Hi,

LESS is for Bootstrap 3 versions and SCSS for Bootstrap 4 versions.

Regards.
h3w8529 PURCHASED
Hi there,
for the
Floating Labels, Basic example for input groups with floating labels @ form-components.html,
the control is overlapped after the data has been entered in full name, location, and layers on small screen size.
Hi,

We would really appreciate if you could share an screenshot with us.

Regards.
h3w8529 PURCHASED
Hi,

Please refer http://imgur.com/OxgzdhM
tiko165 PURCHASED
One mini bug in page "popover.html":
On the "Popover" page, clicking in button, and doing scrool on the page, the toogle is over the header.
http://i.imgur.com/aBbZ0vK.png
Hi,

Thank you for letting us know about this issue. We will make sure to fix this, in our upcoming version release.

Regards.
coredev PURCHASED
Hi,
I'm a having a few issues getting the Angular2 version up and running...

running npm install

├── UNMET PEER DEPENDENCY @angular/common@2.4.10
├── UNMET PEER DEPENDENCY @angular/compiler@2.4.10

├── UNMET PEER DEPENDENCY @angular/core@2.4.10
├── UNMET PEER DEPENDENCY @angular/forms@2.4.10

npm WARN ng2-table@1.3.2 requires a peer of @angular/common@~2.0.0 but none was installed.
npm WARN ng2-table@1.3.2 requires a peer of @angular/compiler@~2.0.0 but none was installed.
npm WARN ng2-table@1.3.2 requires a peer of @angular/core@~2.0.0 but none was installed.
npm WARN ng2-table@1.3.2 requires a peer of @angular/forms@~2.0.0 but none was installed.
~/Desktop/app$ ng-serve
bash: ng-serve: command not found

any help appreciated
try "ng serve" without dash
coredev PURCHASED
Thanks that gets a me a little further to:

ERROR in ./src/app/layout/navigation/navigation.component.scss
Module not found: Error: Can't resolve '../img/sidebar/sidebar-bg.png' in './src/app/layout/navigation'
@ ./src/app/layout/navigation/navigation.component.scss 6:174-214
@ ./src/app/layout/navigation/navigation.component.ts
@ ./src/app/layout/layout.module.ts
@ ./src async
@ ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js
@ ./~/@angular/core/src/linker.js
@ ./~/@angular/core/src/core.js
@ ./~/@angular/core/index.js
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

ERROR in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader?{"ident":"postcss"}!./~/sass-loader/lib/loader.js?{"sourceMap":false,"precision":8,"includePaths":[]}!./src/styles.scss
Module build failed:
padding: ($header-height + $grid-gutter-width-base) $grid-gutter-width-base 0 $sidebar-width;
^
Incompatible units: 'px' and 'rem'.
in /home/cache/Desktop/Harthill/app/src/assets/scss/_layout.scss (line 3, column 14)
@ ./src/styles.scss 4:14-189
@ multi ./~/material-design-iconic-font/dist/css/material-design-iconic-font.min.css ./~/animate.css/animate.min.css ./~/dropzone/dist/min/dropzone.min.css ./~/nouislider/distribute/nouislider.min.css ./src/styles.scss
webpack: Failed to compile.
rissell PURCHASED
Same issue here
so.. I installed dependencies (npm i), run "ng serve" and have an error https://link.https.pro/4mc
rissell PURCHASED
Same issue here
coredev PURCHASED
me too!
Hi,

We are in the process of updating Angular2 variant. Please stay tuned with us.

Regards.
coredev PURCHASED
Thanks for the update rushenn
Still have no focus in select components. Any problem with this ?
Hi,

Select 2 is used as select replacement. Please check it here: http://byrushan.com/projects/material-admin/app/2.0/jquery/bs4/form-components.html

Regards.
Hi all,

There are some issues with the new release in Angular2 variant. We are working on the issue and will be updated within 2 days of time. We apologise for any inconvenience this may have caused.

Regards.
coredev PURCHASED
Hi Rushan,
Any progress on the angular2 fixes?

Thanks
I am also waiting for this due to the following:

ERROR in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader?{"ident":"postcss"}!./~/sass-loader/lib/loader.js?{"sourceMap":false,"precision":8,"includePaths":[]}!./src/styles.scss
Module build failed:
undefined
^
Incompatible units: 'px' and 'rem'.
in D:\ng\src\assets\scss\_layout.scss (line 3, column 14)
@ ./src/styles.scss 4:14-189
@ multi ./~/material-design-iconic-font/dist/css/material-design-iconic-font.min.css ./~/animate.css/animate.min.css ./~/dropzone/dist/min/dropzone.min.css ./~/nouislider/distribute/nouislider.min.css ./src/styles.scss

Will this be resolved soon? Can I help test?
Adding:

$grid-gutter-width-base: 0rem;

to: src/assets/scss/_variables.scss

fixes the issue I was experiencing.
rmarsi PURCHASED
In the jquery Dark bootstrap 3 theme custom select doesn't appear after selection. You have to clic again on the page to see it. Is there a way to fix it.
The chosen version of the select works properly. Is it possible to remove the search from the chosen?
When do you expect a Bootstrap 4 version also for the dark version?
hi,

1. why this template never update https://wrapbootstrap.com/theme/superflat-simple-responsive-admin-theme-WB082P91H
2. where angular 4 dan bootsrap 4 version ?
I like your design.. I like your modification with angular..

But, TimePicker dialog not added into angular...

I want to add datetimepicker into my panel.. but that type of controls are not shown into your site.. please let me know, what should i do..
rmarsi PURCHASED
Hi,
.table-bordered with .table-striped style don't work. It is only possible to use them separately. It is a choiche.
rmarsi PURCHASED
It is a choice?
Angular 4? Angular CLI?

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
8864Purchases

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: