Sunday, 1 March 2015

Wc.widget.Tooltip in websphere Commerce

When a user mouseover on top of any particular link , there will be a message displayed which is actual information about it and that is called Tool Tip. dijit.Tooltip is the dojo type used for creating the tool tip. The Tooltip widget is an extension of dijit.Tooltip.It inherits all the functionality from dijit.Tooltip, except the default dijit.Tooltip styles.
Sample Code for implementing tooltip in websphere commerce is shown below.

Add the below code in the JSP for a link which will display a ToolTip.The  id attribute used in the link  will get mapped to tooltip widget using the connectId attribute.

<a href="" class="sampleclass" id="ToolTipSampleURL"><fmt:message key="SAMPLE_LINK" bundle="${storeText}"/></a>

Add the below code for the tootip widget.Here connectId is used for binding the tooltip widget to its corresponding element(here a link) in the page.

<div id="testTooltip" dojoType="wc.widget.Tooltip" connectId="ToolTipSampleURL" style="display: none;">


Write the code to populate the contents of the tool tip based on requirements


<script type="text/javascript">
dojo.addOnLoad(function() {


  1. custom scholarship essays writing is help to writing the essays articles,professional essays etc

  2. I really appreciate information shared above. It’s of great help. If someone want to learn Online (Virtual) instructor lead live training in TECHNOLOGY , kindly contact us
    MaxMunus Offer World Class Virtual Instructor led training on TECHNOLOGY. We have industry expert trainer. We provide Training Material and Software Support. MaxMunus has successfully conducted 100000+ trainings in India, USA, UK, Australlia, Switzerland, Qatar, Saudi Arabia, Bangladesh, Bahrain and UAE etc.
    For Demo Contact us.
    Saurabh Srivastava
    Skype id: saurabhmaxmunus
    Ph:+91 8553576305 / 080 - 41103383