{"id":541,"date":"2014-02-26T15:32:55","date_gmt":"2014-02-26T15:32:55","guid":{"rendered":"http:\/\/seventhqueen.com\/themes\/kleo\/?page_id=541"},"modified":"2014-02-26T15:32:55","modified_gmt":"2014-02-26T15:32:55","slug":"tooltips-popovers","status":"publish","type":"page","link":"https:\/\/blerf.org\/index.php\/tooltips-popovers\/","title":{"rendered":"Tooltips &amp; Popovers"},"content":{"rendered":"<p>[vc_row inner_container=&#8221;yes&#8221; text_align=&#8221;center&#8221; section_type=&#8221;main&#8221; bg_position=&#8221;top&#8221; bg_repeat=&#8221;no-repeat&#8221; bg_cover=&#8221;true&#8221; bg_attachment=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; padding_top=&#8221;40&#8243; padding_bottom=&#8221;0&#8243; min_height=&#8221;0&#8243; border=&#8221;none&#8221; css_animation=&#8221;right-to-left&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text css_animation=&#8221;right-to-left&#8221;]<\/p>\n<h1>TOOLTIPS &amp; POPOVERS<\/h1>\n<p>[\/vc_column_text][vc_column_text lead=&#8221;yes&#8221; css_animation=&#8221;right-to-left&#8221;]We hand pick the best services from our extensive design and development toolkit to create amazing tooltips and popovers with great options.[\/vc_column_text][\/vc_column][\/vc_row][vc_row inner_container=&#8221;yes&#8221; section_type=&#8221;main&#8221; bg_position=&#8221;top&#8221; bg_repeat=&#8221;no-repeat&#8221; bg_cover=&#8221;true&#8221; bg_attachment=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; padding_top=&#8221;80&#8243; padding_bottom=&#8221;80&#8243; min_height=&#8221;0&#8243; border=&#8221;none&#8221; css_animation=&#8221;right-to-left&#8221; text_align=&#8221;center&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/1&#8243;][kleo_divider type=&#8221;long&#8221; position=&#8221;center&#8221; text=&#8221;Tooltips attached to buttons&#8221;][kleo_gap size=&#8221;20px&#8221;][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_button title=&#8221;Tooltip on right&#8221; style=&#8221;default&#8221; tooltip=&#8221;tooltip&#8221; tooltip_position=&#8221;right&#8221; tooltip_title=&#8221;Tooltips are great for short infos&#8221; tooltip_action=&#8221;hover&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_button title=&#8221;Tooltip on top&#8221; style=&#8221;default&#8221; tooltip=&#8221;tooltip&#8221; tooltip_position=&#8221;top&#8221; tooltip_title=&#8221;Tooltips are great for short infos&#8221; tooltip_action=&#8221;hover&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_button title=&#8221;Tooltip on hover&#8221; style=&#8221;default&#8221; tooltip=&#8221;tooltip&#8221; tooltip_position=&#8221;bottom&#8221; tooltip_title=&#8221;Tooltips are great for short infos&#8221; tooltip_action=&#8221;hover&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_button title=&#8221;Tooltip on left&#8221; style=&#8221;default&#8221; tooltip=&#8221;tooltip&#8221; tooltip_position=&#8221;left&#8221; tooltip_title=&#8221;Tooltips are great for short infos&#8221; tooltip_action=&#8221;hover&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row inner_container=&#8221;yes&#8221; section_type=&#8221;main&#8221; bg_position=&#8221;top&#8221; bg_repeat=&#8221;no-repeat&#8221; bg_cover=&#8221;true&#8221; bg_attachment=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; padding_top=&#8221;80&#8243; padding_bottom=&#8221;80&#8243; min_height=&#8221;0&#8243; border=&#8221;none&#8221; css_animation=&#8221;right-to-left&#8221; text_align=&#8221;center&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/1&#8243;][kleo_divider type=&#8221;long&#8221; position=&#8221;center&#8221; text=&#8221;Tooltips attached to pins &amp; icons&#8221;][kleo_gap size=&#8221;20px&#8221;][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_pin type=&#8221;circle&#8221; icon=&#8221;doc&#8221; tooltip=&#8221;tooltip&#8221; tooltip_position=&#8221;right&#8221; tooltip_title=&#8221;Tooltips are great for short infos&#8221; tooltip_action=&#8221;hover&#8221; css_animation=&#8221;el-appear&#8221; animation=&#8221;animate-when-almost-visible&#8221; top=&#8221;20px&#8221; right=&#8221;30px&#8221;][vc_single_image image=&#8221;471&#8243; img_link_target=&#8221;_self&#8221; css_animation=&#8221;right-to-left&#8221; img_size=&#8221;full&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_pin type=&#8221;circle&#8221; tooltip=&#8221;tooltip&#8221; tooltip_position=&#8221;top&#8221; tooltip_title=&#8221;Tooltips are great for short infos&#8221; tooltip_action=&#8221;hover&#8221; css_animation=&#8221;pulsate&#8221; animation=&#8221;animate-when-almost-visible&#8221; top=&#8221;20px&#8221; right=&#8221;30px&#8221;][vc_single_image image=&#8221;471&#8243; img_link_target=&#8221;_self&#8221; css_animation=&#8221;right-to-left&#8221; img_size=&#8221;full&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_icon icon=&#8221;folder-empty&#8221; tooltip=&#8221;tooltip&#8221; tooltip_position=&#8221;top&#8221; tooltip_title=&#8221;Tooltips are great for short infos&#8221; tooltip_action=&#8221;hover&#8221; icon_size=&#8221;2x&#8221;][vc_column_text css_animation=&#8221;right-to-left&#8221;]Attached to an icon[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_icon icon=&#8221;doc&#8221; icon_size=&#8221;2x&#8221; tooltip=&#8221;tooltip&#8221; tooltip_position=&#8221;top&#8221; tooltip_title=&#8221;Tooltips are great for short infos&#8221; tooltip_action=&#8221;hover&#8221;][vc_column_text css_animation=&#8221;right-to-left&#8221;]Attached to an icon[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row inner_container=&#8221;yes&#8221; section_type=&#8221;main&#8221; bg_position=&#8221;top&#8221; bg_repeat=&#8221;no-repeat&#8221; bg_cover=&#8221;true&#8221; bg_attachment=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; padding_top=&#8221;80&#8243; padding_bottom=&#8221;80&#8243; min_height=&#8221;0&#8243; border=&#8221;none&#8221; css_animation=&#8221;right-to-left&#8221; text_align=&#8221;center&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/1&#8243;][kleo_divider type=&#8221;long&#8221; position=&#8221;center&#8221; text=&#8221;Popovers attached to buttons&#8221;][kleo_gap size=&#8221;20px&#8221;][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_button title=&#8221;Popover on right&#8221; style=&#8221;default&#8221; tooltip=&#8221;popover&#8221; tooltip_position=&#8221;right&#8221; tooltip_title=&#8221;Popovers are great for additional infos&#8221; tooltip_action=&#8221;hover&#8221; tooltip_text=&#8221;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_button title=&#8221;Popover on top&#8221; style=&#8221;default&#8221; tooltip=&#8221;popover&#8221; tooltip_position=&#8221;top&#8221; tooltip_title=&#8221;Popover title&#8221; tooltip_action=&#8221;hover&#8221; tooltip_text=&#8221;Lorem Ipsum is simply dummy text of the printing and typesetting industry.&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_button title=&#8221;Popover on hover&#8221; style=&#8221;default&#8221; tooltip=&#8221;popover&#8221; tooltip_position=&#8221;bottom&#8221; tooltip_title=&#8221;Popover title&#8221; tooltip_action=&#8221;hover&#8221; tooltip_text=&#8221;Lorem Ipsum is simply dummy text of the printing and typesetting industry.&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_button title=&#8221;Popover on click&#8221; style=&#8221;default&#8221; tooltip=&#8221;popover&#8221; tooltip_position=&#8221;left&#8221; tooltip_title=&#8221;Popover title&#8221; tooltip_action=&#8221;click&#8221; tooltip_text=&#8221;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ut enim ad minim veniam, quis nostrud exercitation ullamco&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row inner_container=&#8221;yes&#8221; section_type=&#8221;alternate&#8221; bg_position=&#8221;top&#8221; bg_repeat=&#8221;no-repeat&#8221; bg_cover=&#8221;true&#8221; bg_attachment=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; padding_top=&#8221;80&#8243; padding_bottom=&#8221;80&#8243; min_height=&#8221;0&#8243; border=&#8221;none&#8221; css_animation=&#8221;right-to-left&#8221; text_align=&#8221;center&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/1&#8243;][kleo_divider type=&#8221;long&#8221; position=&#8221;center&#8221; text=&#8221;Popovers attached to pins &amp; icons&#8221;][kleo_gap size=&#8221;20px&#8221;][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_pin type=&#8221;circle&#8221; icon=&#8221;doc&#8221; tooltip=&#8221;popover&#8221; tooltip_position=&#8221;right&#8221; tooltip_title=&#8221;Popovers are great for additional infos&#8221; tooltip_action=&#8221;hover&#8221; css_animation=&#8221;el-appear&#8221; animation=&#8221;animate-when-almost-visible&#8221; tooltip_text=&#8221;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s&#8221; top=&#8221;20px&#8221; right=&#8221;30px&#8221;][vc_single_image image=&#8221;471&#8243; img_link_target=&#8221;_self&#8221; css_animation=&#8221;right-to-left&#8221; img_size=&#8221;full&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_pin type=&#8221;circle&#8221; tooltip=&#8221;popover&#8221; tooltip_position=&#8221;top&#8221; tooltip_title=&#8221;Popover title&#8221; tooltip_action=&#8221;hover&#8221; css_animation=&#8221;pulsate&#8221; animation=&#8221;animate-when-almost-visible&#8221; tooltip_text=&#8221;Lorem Ipsum is simply dummy text of the printing and typesetting industry&#8221; top=&#8221;20px&#8221; right=&#8221;30px&#8221;][vc_single_image image=&#8221;471&#8243; img_link_target=&#8221;_self&#8221; css_animation=&#8221;right-to-left&#8221; img_size=&#8221;full&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_icon icon=&#8221;folder-empty&#8221; icon_size=&#8221;2x&#8221; tooltip=&#8221;popover&#8221; tooltip_position=&#8221;top&#8221; tooltip_title=&#8221;Popover title&#8221; tooltip_action=&#8221;hover&#8221; tooltip_text=&#8221;Lorem Ipsum is simply dummy text of the printing and typesetting industry&#8221;][vc_column_text css_animation=&#8221;right-to-left&#8221;]Attached to an icon[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][kleo_icon icon=&#8221;doc&#8221; icon_size=&#8221;2x&#8221; tooltip=&#8221;popover&#8221; tooltip_position=&#8221;top&#8221; tooltip_title=&#8221;Popover title&#8221; tooltip_action=&#8221;hover&#8221; tooltip_text=&#8221;Lorem Ipsum is simply dummy text of the printing and typesetting industry&#8221;][vc_column_text css_animation=&#8221;right-to-left&#8221;]Attached to an icon[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row inner_container=&#8221;yes&#8221; text_align=&#8221;center&#8221; section_type=&#8221;main&#8221; bg_position=&#8221;top&#8221; bg_repeat=&#8221;no-repeat&#8221; bg_cover=&#8221;true&#8221; bg_attachment=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; padding_top=&#8221;40&#8243; padding_bottom=&#8221;0&#8243; min_height=&#8221;0&#8243; border=&#8221;none&#8221; css_animation=&#8221;right-to-left&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text css_animation=&#8221;right-to-left&#8221;] TOOLTIPS &amp; POPOVERS [\/vc_column_text][vc_column_text lead=&#8221;yes&#8221; css_animation=&#8221;right-to-left&#8221;]We hand pick the best services from our extensive design and development toolkit to create amazing tooltips and popovers with great options.[\/vc_column_text][\/vc_column][\/vc_row][vc_row inner_container=&#8221;yes&#8221; section_type=&#8221;main&#8221; bg_position=&#8221;top&#8221; bg_repeat=&#8221;no-repeat&#8221; bg_cover=&#8221;true&#8221; bg_attachment=&#8221;false&#8221; parallax_speed=&#8221;0.1&#8243; padding_top=&#8221;80&#8243; padding_bottom=&#8221;80&#8243; min_height=&#8221;0&#8243; border=&#8221;none&#8221; css_animation=&#8221;right-to-left&#8221; [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-541","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/blerf.org\/index.php\/wp-json\/wp\/v2\/pages\/541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blerf.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blerf.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blerf.org\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/blerf.org\/index.php\/wp-json\/wp\/v2\/comments?post=541"}],"version-history":[{"count":0,"href":"https:\/\/blerf.org\/index.php\/wp-json\/wp\/v2\/pages\/541\/revisions"}],"wp:attachment":[{"href":"https:\/\/blerf.org\/index.php\/wp-json\/wp\/v2\/media?parent=541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}