Comments (5)
Hi,
To call a modal box there are two attributes required - data-target (which contains your Form ID) and data-toggle (which contains a static value - modal). With these two attributes, you can easily call a modal even in the li of the sidebar in admin template.
Hope this may help you.
from propeller.
hi buddy, i worked extactly same you say but not working
from propeller.
In that case, it would be great if you can share your code snippet or a link, where you are facing the issue. This will help us in providing the right solution.
from propeller.
when li is direct child of ul that have nav, pmd-sidebar-nav classes modal work.
BUT when i attach necessary modal class to li in ul that is submenu and have have dropdown,pmd-dropdown classes not work.bro you should try this in admin template to find out this problem
from propeller.
Hello,
Thank you for elaborating your issue with us. Yes, you are right. Modal component does not work when called on sidebar's sub menu.
To make it work, please remove below js code snippet from propeller.min.js
:
$( ".pmd-sidebar .dropdown-menu, .pmd-navbar-sidebar .dropdown-menu" ).click(function(event) { event.stopPropagation(); });
We added above code purposely because bootstrap dropdown get close automatically on click. To prevent it from closing, we added that script.
Hope this will solve your problem.
from propeller.
Related Issues (20)
- Bootstrap 4: Dropdown does not work HOT 3
- cannot find fonts HOT 2
- bug
- Add an .active class to the sidebar menu items HOT 1
- Table tfoot sections are not style similar to the rest of the table HOT 1
- Use dropdown menu on pmd-navbar-sidebar HOT 1
- Support for angular 2 HOT 1
- parentSelector variable with 'undefined' failed to check HOT 2
- Error in mobile screen using datatable with propeller HOT 3
- Uncaught RangeError: Maximum call stack size exceeded HOT 5
- Error for later loading page. [v1.3.1] HOT 1
- broken links HOT 1
- Site down ? HOT 1
- DateTimePicker does not work HOT 1
- Time picker hour to minute HOT 1
- Uncaught RangeError: Maximum call stack size exceeded HOT 4
- Multi Level menu HOT 1
- Amplify Wordpress Theme Update? HOT 1
- DateTimePicker doesn't work within sidebar HOT 2
- Ripple effect not using cursor as starting point HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from propeller.