From 5d39794287c2a28d9d77ce3ac2b2c0fba0c24dfd Mon Sep 17 00:00:00 2001 From: bcarrell Date: Fri, 23 Aug 2013 12:10:52 -0400 Subject: [PATCH 1/4] docs: add explanation for adding tooltips to disabled elements, closes #10049 --- javascript.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/javascript.html b/javascript.html index e397efc40d..07d528a170 100644 --- a/javascript.html +++ b/javascript.html @@ -805,6 +805,10 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {

When using tooltips on elements within a .btn-group or an .input-group, you'll have to specify the option container: 'body' (documented below) to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip is triggered).

+
+

Tooltips on disabled elements require placing the tooltip on an outer element instead

+

If you'd like to add a tooltip to a disabled element, place the element inside of a <div> or <span> and apply the tooltip to that element instead.

+

Usage

Trigger the tooltip via JavaScript:

From 3d7294238427f23a9110f9e00aaa4f7a79222a5f Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Fri, 23 Aug 2013 11:08:37 -0700 Subject: [PATCH 2/4] tweak #10081 phrasing --- javascript.html | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/javascript.html b/javascript.html index 07d528a170..0dffa5db8d 100644 --- a/javascript.html +++ b/javascript.html @@ -804,10 +804,9 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {

Tooltips in button groups and input groups require special setting

When using tooltips on elements within a .btn-group or an .input-group, you'll have to specify the option container: 'body' (documented below) to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip is triggered).

-
-

Tooltips on disabled elements require placing the tooltip on an outer element instead

-

If you'd like to add a tooltip to a disabled element, place the element inside of a <div> or <span> and apply the tooltip to that element instead.

+

Tooltips on disabled elements require wrapper elements

+

To add a tooltip to a disabled or .disabled element, put the element inside of a <div> or <span>, and apply the tooltip to that element instead.

Usage

From 0f669b6dcb5c47063c43cd6defcf9697874a0fab Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Fri, 23 Aug 2013 11:09:01 -0700 Subject: [PATCH 3/4] repeat #10081 caveat for popovers too --- javascript.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/javascript.html b/javascript.html index 0dffa5db8d..40ea1a9240 100644 --- a/javascript.html +++ b/javascript.html @@ -970,6 +970,10 @@ $('#myTooltip').on('hidden.bs.tooltip', function () {

Popovers in button groups and input groups require special setting

When using popovers on elements within a .btn-group or an .input-group, you'll have to specify the option container: 'body' (documented below) to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the popover is triggered).

+
+

Popovers on disabled elements require wrapper elements

+

To add a popover to a disabled or .disabled element, put the element inside of a <div> or <span>, and apply the popover to that element instead.

+

Static popover

Four options are available: top, right, bottom, and left aligned.

From ec7fa0a25488e2887db9666ea8014777a743ac55 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Fri, 23 Aug 2013 11:14:54 -0700 Subject: [PATCH 4/4] fix data-api portion of #10084 --- javascript.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/javascript.html b/javascript.html index 40ea1a9240..8da1cb5906 100644 --- a/javascript.html +++ b/javascript.html @@ -273,7 +273,7 @@ $('#myModal').on('show.bs.modal', function (e) { remote path false -

If a remote URL is provided, content will be loaded via jQuery's load method and injected into the root of the modal element. If you're using the data api, you may alternatively use the href attribute to specify the remote source. An example of this is shown below:

+

If a remote URL is provided, content will be loaded via jQuery's load method and injected into the root of the modal element. If you're using the data-api, you may alternatively use the href attribute to specify the remote source. An example of this is shown below:

{% highlight html %} Click me {% endhighlight %}