From 6e7bf66de9dd22772a60e774bd5cf62ee36d161a Mon Sep 17 00:00:00 2001 From: dumb Date: Mon, 16 May 2016 16:18:51 -0400 Subject: Fix issue #16941 - HTML example in tooltip docs Added an example tooltip that uses HTML content, and expanded the description of the html option to clarify usage. --- docs/components/tooltips.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) (limited to 'docs/components/tooltips.md') diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md index fb8cb24dd..7aad7a787 100644 --- a/docs/components/tooltips.md +++ b/docs/components/tooltips.md @@ -85,6 +85,7 @@ Hover over the buttons below to see their tooltips. + @@ -101,6 +102,9 @@ Hover over the buttons below to see their tooltips. + {% endhighlight %} ## Usage @@ -179,7 +183,11 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap html boolean false - Insert HTML into the tooltip. If false, jQuery's text method will be used to insert content into the DOM. Use text if you're worried about XSS attacks. + +

Allow HTML in the tooltip.

+

If true, HTML tags in the tooltip's title will be rendered in the tooltip. If false, jQuery's text method will be used to insert content into the DOM.

+

Use text if you're worried about XSS attacks.

+ placement -- cgit v1.2.3 From 8104bd7a0274149f0c23774e2221363c9ff9f62b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 11 Sep 2016 22:30:37 -0700 Subject: v4: Update tooltip placement docs (#20696) * Fixes #19796: Remove mention of tooltip auto placement * add note to migration docs --- docs/components/tooltips.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/components/tooltips.md') diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md index a102aa925..e989307ca 100644 --- a/docs/components/tooltips.md +++ b/docs/components/tooltips.md @@ -186,7 +186,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap string | function 'top' -

How to position the tooltip - top | bottom | left | right | auto.
When "auto" is specified, it will dynamically reorient the tooltip. For example, if placement is "auto left", the tooltip will display to the left when possible, otherwise it will display right.

+

How to position the tooltip - top | bottom | left | right.

When a function is used to determine the placement, it is called with the tooltip DOM node as its first argument and the triggering element DOM node as its second. The this context is set to the tooltip instance.

-- cgit v1.2.3 From 7bf868a709d5e278048f7fe5fd62d2fa9365d5bc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Oct 2016 18:19:47 -0700 Subject: v4: Social meta tags (#20825) * descriptions for getting started pages * descriptions for layout * add content page descriptions * more descriptions, updates to some existing ones * correct site url * add social stuff to config for twitter cards * add twitter meta tags; use large image for homepage and regular card for all others * add the assets * more site config * more social shiz to partial, remove existing meta for the partial, remove page title from homepage for simpler if statements --- docs/components/tooltips.md | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/components/tooltips.md') diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md index e989307ca..10285701f 100644 --- a/docs/components/tooltips.md +++ b/docs/components/tooltips.md @@ -1,6 +1,7 @@ --- layout: docs title: Tooltips +description: Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript. group: components --- -- cgit v1.2.3 From 2e69dfa8c1679238579ef6f5ec85deb755e4fb6d Mon Sep 17 00:00:00 2001 From: Bardi Harborow Date: Tue, 4 Oct 2016 02:55:59 +1000 Subject: Fix broken/redirected links, moving to HTTPS where possible. (#20557) --- docs/components/tooltips.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/components/tooltips.md') diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md index 10285701f..393406af1 100644 --- a/docs/components/tooltips.md +++ b/docs/components/tooltips.md @@ -16,7 +16,7 @@ Inspired by the excellent Tipsy jQuery plugin written by Jason Frame. Tooltips a Things to know when using the tooltip plugin: -- Tooltips rely on the 3rd party library [Tether](http://github.hubspot.com/tether/) for positioning. You must include [tether.min.js](https://github.com/HubSpot/tether/blob/master/dist/js/tether.min.js) before bootstrap.js in order for tooltips to work! +- Tooltips rely on the 3rd party library [Tether](http://tether.io/) for positioning. You must include [tether.min.js](https://github.com/HubSpot/tether/blob/master/dist/js/tether.min.js) before bootstrap.js in order for tooltips to work! - Tooltips are opt-in for performance reasons, so **you must initialize them yourself**. - Tooltips with zero-length titles are never displayed. - Specify `container: 'body'` to avoid rendering problems in more complex components (like our input groups, button groups, etc). @@ -195,7 +195,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap selector string false - If a selector is provided, popover objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have popovers added. See this and an informative example. + If a selector is provided, popover objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have popovers added. See this and an informative example. template @@ -227,13 +227,13 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap constraints Array [] - An array of constraints - passed through to Tether. For more information refer to Tether's constraint docs. + An array of constraints - passed through to Tether. For more information refer to Tether's constraint docs. offset string '0 0' - Offset of the popover relative to its target. For more information refer to Tether's offset docs. + Offset of the popover relative to its target. For more information refer to Tether's offset docs. -- cgit v1.2.3 From b04e9fb87c8957b33d0a9807e53acfb9f1715bf0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Oct 2016 15:35:52 -0700 Subject: separate out the custom html example --- docs/components/tooltips.md | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/components/tooltips.md') diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md index 0c8ec2155..b4b28377c 100644 --- a/docs/components/tooltips.md +++ b/docs/components/tooltips.md @@ -103,6 +103,11 @@ Hover over the buttons below to see their tooltips. +{% endhighlight %} + +And with custom HTML added: + +{% highlight html %} -- cgit v1.2.3 From ab2480f7ca207b457a23a2555b5559c0794c1558 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Oct 2016 20:02:24 -0700 Subject: remove arrow from static html demos --- docs/components/tooltips.md | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/components/tooltips.md') diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md index b4b28377c..b6dc451ec 100644 --- a/docs/components/tooltips.md +++ b/docs/components/tooltips.md @@ -51,25 +51,21 @@ Four options are available: top, right, bottom, and left aligned.