From: harry Date: Wed, 31 May 2017 19:41:29 +0000 (+0530) Subject: Add tooltip docs for explicit positioning! X-Git-Tag: v6.4.0-rc1~19^2~2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=be677c5270e599b4592bb889ae8f39b9902d78fc;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Add tooltip docs for explicit positioning! --- diff --git a/docs/pages/tooltip.md b/docs/pages/tooltip.md index 05185fffb..2bd8298cb 100644 --- a/docs/pages/tooltip.md +++ b/docs/pages/tooltip.md @@ -95,3 +95,146 @@ home by force; but I was too well assured of the old negro's disposition, to hop index of his fortune." Upon the whole, I was sadly vexed and puzzled, but, at length, I concluded to make a virtue of necessity -to dig with a good will, and thus the sooner to convince the visionary, by ocular demonstration, of the fallacy of the opinions he entertained.

``` + +--- + +## Explicit Positioning + +
+

New in v6.4: Heads up! This explicit positioning model is a new feature in v6.4.

+
+ +Now with tooltips you can define both positions for the tip. These tooltips have a fully explicit positioning model through which you can use both `data-position` and `data-alignment` to define both positions of the box. + +These dropdowns sets various positioning and alignments. Valid positions are left/right/top/bottom. Valid alignments are left/right/top/bottom/center. Left align means left sides should line up. Right align means right sides should line up. Center align means centers should line up. + +#### Top and Bottom positioned + +```html + + + + + + + + + + + +``` + +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ +
+ +#### Left and Right Positioned + +```html + + + + + + + + + + + +``` + +
+
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+