{"id":2979,"date":"2015-12-22T04:19:26","date_gmt":"2015-12-22T04:19:26","guid":{"rendered":"http:\/\/tn.joomexp.com\/wordpress\/wp-gaucho\/?page_id=2979"},"modified":"2015-12-22T04:19:26","modified_gmt":"2015-12-22T04:19:26","slug":"tooltips","status":"publish","type":"page","link":"https:\/\/www.elgauchocagliari.com\/index.php\/tooltips\/","title":{"rendered":"Tooltips"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row animation=&#8221;&#8221; panel_style=&#8221;uk-panel-space&#8221; add_container=&#8221;true&#8221; css=&#8221;.vc_custom_1452571240257{margin-bottom: 15px !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Tooltips&#8221; font_container=&#8221;tag:h2&#8243; use_theme_fonts=&#8221;yes&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1450757539592{margin-top: 25px !important;margin-bottom: 20px !important;padding-bottom: 10px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1452566674592{margin-top: 0px !important;margin-bottom: 15px !important;}&#8221;]Tooltips are snippets that provide more information on hover. They can be added to any element by adding the <code>data-uk-tooltip<\/code> attribute and specifying the title in the same element.[\/vc_column_text][vc_raw_html]JTNDdWwlMjBjbGFzcyUzRCUyMnNob3J0Y29kZS1pY29ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ2xpJTNFJTNDYSUyMGNsYXNzJTNEJTIydWstaWNvbi1idXR0b24lMjBmYSUyMGZhLWRyaWJiYmxlJTIyJTIwdGl0bGUlM0QlMjJkcmliYmJsZSUyMiUyMGRhdGEtdWstdG9vbHRpcCUzRCUyMiUyMiUyMGhyZWYlM0QlMjJodHRwJTNBJTJGJTJGZHJpYmJibGUuY29tJTJGYXJyb3d0aGVtZXMlMjIlMjB0YXJnZXQlM0QlMjJfYmxhbmslMjIlM0UlM0MlMkZhJTNFJTNDJTJGbGklM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0NsaSUzRSUzQ2ElMjBjbGFzcyUzRCUyMnVrLWljb24tYnV0dG9uJTIwZmElMjBmYS1mYWNlYm9vayUyMiUyMHRpdGxlJTNEJTIyZmFjZWJvb2slMjIlMjBkYXRhLXVrLXRvb2x0aXAlM0QlMjIlMjIlMjBocmVmJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy5mYWNlYm9vay5jb20lMkZhcnJvd3RoZW1lcyUyMiUyMHRhcmdldCUzRCUyMl9ibGFuayUyMiUzRSUzQyUyRmElM0UlM0MlMkZsaSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ2xpJTNFJTNDYSUyMGNsYXNzJTNEJTIydWstaWNvbi1idXR0b24lMjBmYSUyMGZhLXR3aXR0ZXIlMjIlMjB0aXRsZSUzRCUyMnR3aXR0ZXIlMjIlMjBkYXRhLXVrLXRvb2x0aXAlM0QlMjIlMjIlMjBocmVmJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy50d2l0dGVyLmNvbSUyRmFycm93dGhlbWVzJTIyJTIwdGFyZ2V0JTNEJTIyX2JsYW5rJTIyJTNFJTNDJTJGYSUzRSUzQyUyRmxpJTNFJTBBJTIwJTIwJTIwJTIwJTNDJTJGdWwlM0U=[\/vc_raw_html][vc_custom_heading text=&#8221;Tooltip position&#8221; font_container=&#8221;tag:h3&#8243; use_theme_fonts=&#8221;yes&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1450765749980{margin-top: 25px !important;margin-bottom: 20px !important;padding-bottom: 10px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1452566681876{margin-top: 0px !important;}&#8221;]You can specify the position of the tooltip by adding one of the following options to the <code>data-uk-tooltip<\/code> attribute.<\/p>\n<div class=\"table-responsive\">\n<table class=\"uk-table\">\n<thead>\n<tr>\n<th>Options<\/th>\n<th>Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>pos:'top'<\/code><\/td>\n<td>Aligns the tooltip to the top.<\/td>\n<\/tr>\n<tr>\n<td><code>pos:'top-left'<\/code><\/td>\n<td>Aligns the tooltip to the top left.<\/td>\n<\/tr>\n<tr>\n<td><code>pos:'top-right'<\/code><\/td>\n<td>Aligns the tooltip to the top right.<\/td>\n<\/tr>\n<tr>\n<td><code>pos:'bottom'<\/code><\/td>\n<td>Aligns the tooltip to bottom.<\/td>\n<\/tr>\n<tr>\n<td><code>pos:'bottom-left'<\/code><\/td>\n<td>Aligns the tooltip to bottom left.<\/td>\n<\/tr>\n<tr>\n<td><code>pos:'bottom-right'<\/code><\/td>\n<td>Aligns the tooltip to bottom right.<\/td>\n<\/tr>\n<tr>\n<td><code>pos:'left'<\/code><\/td>\n<td>Aligns the tooltip to left.<\/td>\n<\/tr>\n<tr>\n<td><code>pos:'right'<\/code><\/td>\n<td>Aligns the tooltip to right.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>[\/vc_column_text][vc_raw_html css=&#8221;.vc_custom_1451356335780{margin-top: 62px !important;margin-bottom: 42px !important;}&#8221;]JTNDdWwlMjBjbGFzcyUzRCUyMnNob3J0Y29kZS1pY29ucyUyMiUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ2xpJTNFJTNDYSUyMGNsYXNzJTNEJTIydWstaWNvbi1idXR0b24lMjBmYSUyMGZhLWRyaWJiYmxlJTIyJTIwdGl0bGUlM0QlMjJkcmliYmJsZSUyMiUyMGRhdGEtdWstdG9vbHRpcCUzRCUyMiUyMiUyMGhyZWYlM0QlMjJodHRwJTNBJTJGJTJGZHJpYmJibGUuY29tJTJGYXJyb3d0aGVtZXMlMjIlMjB0YXJnZXQlM0QlMjJfYmxhbmslMjIlM0UlM0MlMkZhJTNFJTNDJTJGbGklM0UlMEElMjAlMjAlMjAlMjAlMjAlMjAlM0NsaSUzRSUzQ2ElMjBjbGFzcyUzRCUyMnVrLWljb24tYnV0dG9uJTIwZmElMjBmYS1mYWNlYm9vayUyMiUyMHRpdGxlJTNEJTIyZmFjZWJvb2slMjIlMjBkYXRhLXVrLXRvb2x0aXAlM0QlMjIlN0Jwb3MlM0ElMjdib3R0b20lMjclN0QlMjIlMjBocmVmJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy5mYWNlYm9vay5jb20lMkZhcnJvd3RoZW1lcyUyMiUyMHRhcmdldCUzRCUyMl9ibGFuayUyMiUzRSUzQyUyRmElM0UlM0MlMkZsaSUzRSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUzQ2xpJTNFJTNDYSUyMGNsYXNzJTNEJTIydWstaWNvbi1idXR0b24lMjBmYSUyMGZhLXR3aXR0ZXIlMjIlMjB0aXRsZSUzRCUyMnR3aXR0ZXIlMjIlMjBkYXRhLXVrLXRvb2x0aXAlM0QlMjIlN0Jwb3MlM0ElMjdsZWZ0JTI3JTdEJTIyJTIwaHJlZiUzRCUyMmh0dHAlM0ElMkYlMkZ3d3cudHdpdHRlci5jb20lMkZhcnJvd3RoZW1lcyUyMiUyMHRhcmdldCUzRCUyMl9ibGFuayUyMiUzRSUzQyUyRmElM0UlM0MlMkZsaSUzRSUwQSUyMCUyMCUyMCUyMCUzQyUyRnVsJTNF[\/vc_raw_html][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row animation=&#8221;&#8221; panel_style=&#8221;uk-panel-space&#8221; add_container=&#8221;true&#8221; css=&#8221;.vc_custom_1452571240257{margin-bottom: 15px !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Tooltips&#8221; font_container=&#8221;tag:h2&#8243; use_theme_fonts=&#8221;yes&#8221; layout_style=&#8221;uk-module-title&#8221; align=&#8221;wp-gaucho-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1450757539592{margin-top: 25px !important;margin-bottom: 20px !important;padding-bottom: 10px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1452566674592{margin-top: 0px !important;margin-bottom: 15px !important;}&#8221;]Tooltips are snippets that provide more information on hover. They can&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-2979","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P8x2A9-M3","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/pages\/2979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/comments?post=2979"}],"version-history":[{"count":0,"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/pages\/2979\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.elgauchocagliari.com\/index.php\/wp-json\/wp\/v2\/media?parent=2979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}