diff --git a/docs/api/data-attributes.html b/docs/api/data-attributes.html index 0faa0f110a6..15db714b69f 100644 --- a/docs/api/data-attributes.html +++ b/docs/api/data-attributes.html @@ -495,11 +495,6 @@

Popup

data-corners true | false - - data-dismissable - true | false - If set to false prevents popup closing by clicking outside of the popup or pressing the Escape key - - data-overlay-theme swatch letter (a-z) - Default "null" (transparent background) diff --git a/docs/pages/popup/index.html b/docs/pages/popup/index.html index 9c5b2ac090b..6fa810ca97a 100644 --- a/docs/pages/popup/index.html +++ b/docs/pages/popup/index.html @@ -167,14 +167,14 @@

Calling the popup plugin

Opening popups

-

Using the markup-based configuration, when a link with the data-rel="popup" is tapped, the corresponding popup container with the id referenced in the href of the link will be shown. To open a popup programmatically, call popup with the open method on the popup container:

+

Using the markup-based configuration, when a link with the data-rel="popup" is tapped, the corresponding popup container with the id referenced in the href of the link will be shown. To open a popup programmatically, call popup with the open method on the popup container:


 $( "#myPopupDiv" ).popup( "open" )
 

Closing popups

-

By default popups can be closed either by clicking outside the popup widget or by pressing the Esc key. To prevent this, the data-dismissable="false" attribute can be added to the popup. Popups can also be closed via the close method:

+

Popups can be closed either by clicking outside the popup widget or by pressing the Esc key. Popups can also be closed via the close method:


 $( "#myPopupDiv" ).popup( "close" )
@@ -192,7 +192,6 @@ 

Closing popups

Popup with close button right Popup with close button left - Undismissable Popup
Close @@ -204,11 +203,6 @@

Closing popups

I have a close button at the top left corner with simple HTML markup.

-
- Close -

I have the data-dismissable attribute set to false. I'm not closeable be clicking outside of me.

-
-

Adding padding

For popups with formatted text, padding is needed. We recommend adding the ui-content class to the popup container which adds the standard 15px of padding, just like the page content container. Write your own styles to create a more customized design if needed.