{"id":2070,"date":"2016-01-11T16:04:36","date_gmt":"2016-01-11T16:04:36","guid":{"rendered":"http:\/\/tn.joomexp.com\/wordpress\/wp-celsius\/?page_id=2070"},"modified":"2016-01-11T16:04:36","modified_gmt":"2016-01-11T16:04:36","slug":"tooltips","status":"publish","type":"page","link":"https:\/\/demo.exptheme.com\/celsius\/tooltips\/","title":{"rendered":"Tooltips"},"content":{"rendered":"<p>[vc_row animation=&#8221;&#8221; panel_style=&#8221;&#8221; add_container=&#8221;true&#8221; css=&#8221;.vc_custom_1455680027131{margin-bottom: 0px !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-alt&#8221; align=&#8221;wp-celsius-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1455680020053{margin-bottom: 20px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1453795023856{margin-top: 10px !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-celsius-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1453948260279{margin-top: 25px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1453795103109{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","protected":false},"excerpt":{"rendered":"<p>[vc_row animation=&#8221;&#8221; panel_style=&#8221;&#8221; add_container=&#8221;true&#8221; css=&#8221;.vc_custom_1455680027131{margin-bottom: 0px !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-alt&#8221; align=&#8221;wp-celsius-heading-left&#8221; animation=&#8221;&#8221; css=&#8221;.vc_custom_1455680020053{margin-bottom: 20px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1453795023856{margin-top: 10px !important;margin-bottom: 15px !important;}&#8221;]Tooltips are snippets that provide more information on hover. They&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2070","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages\/2070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/comments?post=2070"}],"version-history":[{"count":0,"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/pages\/2070\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.exptheme.com\/celsius\/wp-json\/wp\/v2\/media?parent=2070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}