{"id":1306,"date":"2009-01-14T09:50:43","date_gmt":"2009-01-14T04:20:43","guid":{"rendered":"http:\/\/www.chiragmehta.info\/chirag\/?p=1306"},"modified":"2009-01-14T10:14:06","modified_gmt":"2009-01-14T04:44:06","slug":"help-bubble-hover-based-tooltip-visualforce","status":"publish","type":"post","link":"https:\/\/www.chiragmehta.info\/chirag\/2009\/01\/14\/help-bubble-hover-based-tooltip-visualforce\/","title":{"rendered":"Help Bubble (Hover Based Tooltip) &#8211; Visualforce"},"content":{"rendered":"<p>helpText : The help text that is displayed next to this field as a hover-based tooltip, similar to the text that is displayed next to standard Salesforce fields if custom help is defined for the field in Setup.<\/p>\n<p>Important thing to have a help bubble near to any of form fields is to use <strong>helptext <\/strong><br \/>\nwithin <strong>&lt;apex:pageblocksectionitem&gt;<\/strong><\/p>\n<p><textarea style=\"width: 450px; height: 224px;\" rows=\"12\" cols=\"34\">&lt;br<br \/>\n\/&gt;&lt;apex:page tabstyle=&#8221;Account&#8221; standardcontroller=&#8221;Account&#8221;&gt;<br \/>\n&lt;apex:sectionheader title=&#8221;Validation Test Page&#8221;&gt;<br \/>\n&lt;\/apex:sectionHeader&gt;&lt;apex:form&gt; &lt;apex:pageblock<br \/>\ntitle=&#8221;&#8221; id=&#8221;pageBlock&#8221;&gt; &lt;apex:pageblockbuttons<br \/>\nlocation=&#8221;top&#8221;&gt; &lt;apex:pageblocksection columns=&#8221;1&#8243;&gt;<br \/>\n&lt;apex:pageblocksectionitem helptext=&#8221;Enter Account Name&#8221;&gt;<br \/>\n&lt;apex:outputlabel value=&#8221;Name : &#8220;&gt;&lt;\/apex:outputLabel&gt;<br \/>\n&lt;apex:inputfield value=&#8221;{!Account.Name}&#8221;&gt;<br \/>\n&lt;\/apex:pageblocksectionitem&gt; &lt;apex:pageblocksectionitem<br \/>\nhelptext=&#8221;Enter Description here&#8221;&gt; &lt;apex:outputlabel<br \/>\nvalue=&#8221;Description : &#8220;&gt;&lt;\/apex:outputLabel&gt; &lt;apex:inputfield<br \/>\nvalue=&#8221;{!Account.Description}&#8221;&gt; &lt;\/apex:pageblocksectionitem&gt;<br \/>\n&lt;\/apex:pageblocksection&gt; &lt;apex:commandbutton value=&#8221;Save&#8221;<br \/>\naction=&#8221;{!save}&#8221;&gt;&lt;\/apex:commandButton&gt;&lt;\/apex:pageBlockButtons&gt;&lt;\/apex:pageBlock&gt;&lt;\/apex:form&gt;&lt;\/apex:page&gt;&lt;br<br \/>\n\/&gt;&lt;br \/&gt;<\/textarea><\/p>\n<p><em>Note : Few Closing Tags may be missing due to HTML Code Conversion.<\/em><\/p>\n<p>Ack : <a href=\"http:\/\/visualforce.blogspot.com\/2008\/11\/help-buuble-visualforce-code.html\">Visualforce Blogspot<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>helpText : The help text that is displayed next to this field as a hover-based tooltip, similar to the text that is displayed next to standard Salesforce fields if custom help is defined for the field in Setup. Important thing to have a help bubble near to any of form fields is to use helptext [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[169],"class_list":["post-1306","post","type-post","status-publish","format-standard","hentry","category-salesforce","tag-salesforce","post-preview"],"_links":{"self":[{"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/posts\/1306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/comments?post=1306"}],"version-history":[{"count":12,"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/posts\/1306\/revisions"}],"predecessor-version":[{"id":1318,"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/posts\/1306\/revisions\/1318"}],"wp:attachment":[{"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/media?parent=1306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/categories?post=1306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chiragmehta.info\/chirag\/wp-json\/wp\/v2\/tags?post=1306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}