Skip to Content
Former Member
May 28, 2015 at 06:29 AM

Design Studio 1.3 SDK – SAPUI5Table tooltip within an HTML column.


Hi all

I’m building a new table component for Design Studio that has a new column based on HTML content and I need to have a tooltip for this extra column.

I’ve searched on sapui5 - demokit for a good alternative and I’ve found:

Component Callout - sap.ui.commons that fits well my requirements.

I’ve made some investigation, reading & tests and I’ve tried to follow the same logic applied in:

1. //Create the button which should open the dialog

2. var oButton = new sap.ui.commons.Button("button2",{

3. text: "{linkText}", //linkText does resolve properly

4. lite: true,

5. // tooltip : new sap.ui.commons.Callout({ text: "{description}" }), // This does not work....... description does not resolve

6. tooltip : "{description}", // This works

7. press:function(){

8. openFirstDialog();

9. }

10. });

tooltip : new sap.ui.commons.Callout({ text: "{description}" })

However this doesn’t work at all. L

So my SDK code at this moment is:

myUI5Table.addColumn(new sap.ui.table.Column({

label: new sap.ui.commons.Label({text : columnHeaderText}),

template: new sap.ui.core.HTML().bindProperty("content", "col6"),

width: "120px",

enableColumnFreeze : true,

resizable : false,

flexible : false,

tooltip : new sap.ui.commons.Callout().bindProperty("text", "tooltip")


But, along the code, if I add something like: newRow.tooltip = "message to appear";

This doesn't shows at all. What I’m missing here? Can you please help me?

I’ve also tried to create a new function like:



var oButton = new sap.ui.commons.Button({ text : sText, lite : true });

var oCallout = new sap.ui.commons.Callout({ content : oButton });

return oCallout;


as in

But in this post doesn't really show where and how it can be used within the code. Can you please help me?

Probably this function is the solution for my req. but I need to see how it can be used.


Armando Santos