Tooltip on a field

04 Apr '14, 01:53 PM
17,493 Views
Forum Forum Starter - Level 3

I need to have a fixed text tooltip on mouse-over, over a given field of a Form Unit. It should be a common requirement, but I can't see a useful property of the field.

Any suggestion about what to do?

Tks a lot!

 

 
x 2
Follow
Answer Answer at this question and get points!
Forum Expert - Level 5

Yo must set the property Layaout "Alternative text", this option is in the bottom of the properties.

 
x 0
Forum Starter - Level 3

Hi Guillermo,

I'm sorry but I'm not able to see that property yet.

Can you provide me with more specific information? Is "Alternative text" in the field properties? Or I must access Layout view, then click on the field? And in this case in which tab inside the Property view? Should I use a specific Style Project, or WRDefault is worth as well?

I use WR 7.2.0.

Thanks again

 
x 0
Forum Starter - Level 2

Hi,

You can achieve this in two ways: first you can set an html "title" attribute from template or from javascript:

document.getElementById('fieldId').title = 'Tooltip title';

or jquery:

$('#fieldID).attr('title', 'Tooltip title');

The second solution consist in integrating a tooltip framework (eg. http://www.opentip.org/).

Also, if you use a Bootstrap based style project, you can use tooltip capabilities embeded. In this case, you can simply call it with jquery

$('#fieldID').tooltip(options....)  (see more on http://getbootstrap.com/javascript/#tooltips )

 

Good luck

 

 
x 0
Answer at this question and get points!

Related questions

2 grids inside one/same cell result in non-selectable 2nd grid Access page variable in a page template add html Ajax is not working in own style project Ajax web app with javascript history object using the WebRatio Alimentar graficas con base de datos Alternate way to get current User Oid in layout template groovy script? Any way to localize the Tab Grid Template (Webratio Store)? Applicare un template ad un Web Project Ayuda Simple List Component Layout personalizado Bootstrap Style Button to go on another page Cambiare dimensioni bottoni - Change button size Can I inject html into custom unit template?! Change color template bootstrap style Change Style Changing the login page does not work ckeditor - change directory for the browser Colore Attributi index unit Dinamico - Index unit dynamic attribute color Como abrir una ventana en ajax desde una master page Como embeber un video subido desde archivo ? Como mostrar una imagen de portada arriba del menu? Como mostrar una imagen en una lista o en la componente detalles? Confirm Dialog Customize layout mobile platform Custom Tooltip Position Default error pages default login page Display contents of a URL Dynamic link labelling for Custom Unit Error in Excel Unit - Font size Export to a HTML/CSS/JS project Field as link soruce File CSS non considerato in generazione Form element Form template Get date pattern Get home page from template Google map is not shown properly in the tab grid Guardar Saltos de LINEA HelloWorld Unit sample code Hiding landmarks (or flows) when the user is logged in How can i create pagemenu or landmarkmenu with multiple levels. How can I modified the htmls files to perform my style How to add an image in a modal/pop-up window? How to include a template into other template? How to localize AJAX waiting dialog? How to localize the multi message unit in the notification layout How to modify template? How to modify the FertileEnviroment Default page How to remove default Linked Resources? How to use LandmarkMenu as AJAX navigation how to use the landmark menu as AJAX navigation integrate framework to webratio mobile Integrazione javascript Javascript and html javascript history object Localize "Welcome..." and "Process details" logo webratio meaning of each tag in the XML code (Show XML/Show Layout XML) modify field html Modify html generated by wr:NavigationBar Pages Problem After Project Generation pass template variable Problem Login Form only if user not logged Problem print Problems with the page refresh (Tab Grid) Problem with adding templates query unit who to hide fields that are used in a link Recursive Hierarchical Index Unit Style Tree Redirect to the default module Remove default BPM css import for all templates Responsive Bootstrap Grid Responsive Layout Manager Set context parameter Simple Static Page Standard confirm dialog replacement Style hierarchical unit help!! Supoort for Mobile and Desktop display Target tabs in Tab Grid Control Too much layout parameters = no scroll in parameters config window Uppercase Use image as interaction flow Vista de diferentes Site Views Webratio Add-ons no permite login wr-ajaxDivs break layout on ajax pages.