Bootstrap Modal Pop-Up Window – Background Static

I have bootstrap modal pop-up window. I want the background to be non-clickable. I have close button to close the modal pop-up, so the users should use only that. Clicking outside the modal pop-up window also closes the pop-up.

Problem: I’m trying to restrict it by using html-data-backdrop=”static” in the CommandLink but still not working.

Here’s the code I’m referring to.

<apex:commandLink value="" action="{!mySearch.retrieveVideo}" Rerender="apVideoTrigger" html-data-backdrop="static" oncomplete="openvideo();">

<apex:param name="pt_id" value="{!pt.eng.Id}"/> <i class="fa fa-video-camera"></i>

</apex:commandLink>

And the scripts below

function openvideo(){

j$('#apvideo').modal(); videojs('#videoPt'); }

Solution: Instead of using the backdrop static attributes in the commandLink, it should be used passed to the bootstrap window like this

j$('#apvideo').modal({backdrop:'static'});

Other attributes can be used like “keyboard:false” to prevent users closing the modal pop-up window using the ESC key.More bootstrap options can be found here: modal window options

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s