I show a popover manually in javascript but for added emphasis I'd like to make it modal i.e. disable background functionality and fade. Is there an option to do this or how would I go about it manually?
I know it's mixing design metaphors but it would be useful functionality and I can't see restyling modals to adapt to relative positioning being easy.
To create a popover, add the data-toggle="popover" attribute to an element. Note: Popovers must be initialized with jQuery: select the specified element and call the popover() method.
Popover: use popovers to show a longer text, or when you want to have a link to an external web page. It is shown when the respondent clicks on a word or icon. The window remains visible until they click again outside of the popover. Modal window: use modal windows to display a long text, images and links.
To make the image on hover in popover just insert an image as an HTML element to the data-mdb-content and set the data-mdb-html to true .
Bootstrap 4.3 added new built-in scroll feature to modals. This makes only the modal-body content scroll if the size of the content would otherwise make the page scroll. To use it, just add the class modal-dialog-scrollable to the same div that has the modal-dialog class.
take a look at this script, i think this should help u
http://scruffles.github.io/BootstrapModalPopover/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With