Hi, I wrapped the above tool tip Java Script as a Tag Library and going to add as a carbon tag in the Carbon UI Core bundle.
This is the tld for this tag library. <tag> <name>tooltips</name> <tagclass>org.wso2.carbon.ui.taglibs.TooltipsGenerator</tagclass> <bodycontent>JSP</bodycontent> <info>A tag for displaying tool tip</info> <attribute> <name>image</name> <required>true</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>description</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>resourceBundle</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>key</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> <attribute> <name>noOfWordsPerLine</name> <required>false</required> <rtexprvalue>true</rtexprvalue> </attribute> </tag> Attributes taken in tag : - image - this attribute take the image that tool tip should appear when mouse over it. - description - this is the tool tip content. This should provide only when content is taken as user text without taking from resource bundle. - resourceBundle - resource bundle name. eg: org.wso2.carbon.dataservices.ui.i18n.Resources. This should provide only when tool tip content is reading from a resource file. - key - element in resource file to take tool tip content. eg: dataservices.enableboxcarring.help. This also provide only when tool tip content is reading from a resource file. - noOfWordsPerLine - you can adjust the size of tool tip box by giving no of words that should contain in a single line. optional attribute. default set to 10. This is how this tag library can use in a jsp file : 1. When the tool tip content is taken from a resource bundle . <carbon:tooltips image="images/registry_picker.gif" resourceBundle='org.wso2.carbon.dataservices.ui.i18n.Resources' key='dataservices.enableboxcarring.help' '> </carbon:tooltips> 2. When the tool tip content is taken as text input without taking from resource file. <carbon:tooltips image="images/registry_picker.gif" description=' This is the tool tip body content ' > Regards, Dinusha. On Tue, Feb 22, 2011 at 6:09 PM, Chanaka Jayasena <chan...@wso2.com> wrote: > Hi all, > > I created a simple tool tip script to fulfil a requirement to show an image > as a tool tip. I commit the script to Carbon UI Core bundle. It use YUI > panel to display the tool tip. > > This is how you can use it in a carbon ui bundle. > > 1 - Include following js,css library files which are in the core ui. > > <link rel="stylesheet" type="text/css" > href="../yui/build/container/assets/skins/sam/container.css"> > > <script type="text/javascript" > src="../yui/build/yahoo-dom-event/yahoo-dom-event.js"></script> > <script type="text/javascript" > src="../yui/build/container/container-min.js"></script> > <script type="text/javascript" > src="../yui/build/element/element-min.js"></script> > <script type="text/javascript" src="../admin/js/widgets.js"></script> > > > 2 - Define the mouseover event listener. > > <a href="#" onmouseover="showTooltip(this,'tool tip text')" />Mouse Over > This Text</a> > > thanks, > Chanaka > > _______________________________________________ > Carbon-dev mailing list > Carbon-dev@wso2.org > http://mail.wso2.org/cgi-bin/mailman/listinfo/carbon-dev > >
_______________________________________________ Carbon-dev mailing list Carbon-dev@wso2.org http://mail.wso2.org/cgi-bin/mailman/listinfo/carbon-dev