Skip to Content
avatar image
Former Member

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:

https://sapui5.hana.ondemand.com/sdk/#test-resources/sap/ui/commons/demokit/Callout.html

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:

http://scn.sap.com/thread/3493701

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:

//Callout:

createCallout:function(sText){

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

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

return oCallout;

}

as in http://scn.sap.com/thread/3231470

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.

Regards

Armando Santos

Add comment
10|10000 characters needed characters exceeded

  • Follow
  • Get RSS Feed

1 Answer

  • avatar image
    Former Member
    Jun 01, 2015 at 12:40 PM

    Any help on this topic?! Please.

    Regards

    Armando Santos

    Add comment
    10|10000 characters needed characters exceeded