how to show tooltip using knockout

<input id="cbDb"  data-bind="igCombo: { width: '160%' }, tooltip: { title:'register' , trigger: 'hover'}" ></input> 

Its not working in this way using knockout.

please provide me solution using knockout.

Thanks 🙂

Hello Kashif,

Thank you for contacting Infragistics Developer Support!

This is not working because:

1. The markup you have provided is invalid – the input element should not be closed and does not have content, i.e. <input id="cbDb" data-bind="igCombo: { width: '160%' }, tooltip: { title:'register' , trigger: 'hover'}" type="text"> </input> (refer to this => http://www.w3.org/TR/html401/interact/forms.html#h-17.4)
2. The provided input is not valid input element. You can see the valid input type here => http://www.w3.org/TR/html401/interact/forms.html#h-17.4.1. The correct way to initialize the control is to use either div or a span element.
3. The value of data bind is incorrect it should be data-bind="igCombo {  width: '160%' , tooltip: 'register', tooltipTrigger: 'hover'}", i.e you should specify all bindable properties in one pair of curly brackets.
4. There are no methods or options for the combo for tooltip or tooltipTrigger, so this is not going to work still. (please refer to the following => http://help.infragistics.com/Help/Doc/jQuery/2014.1/CLR4.0/html/igCombo_KnockoutJS_Support.html#_Ref349582658, http://help.infragistics.com/jQuery/2014.1/ui.igcombo#options)

Before I can be able to provide you working sample I need you to specify what of the following you are trying to achieve:

       *  You want the combo to have tool tip bound to view model property, i.e. when you hover over the combo and a tool tip is displayed.

       *  You want each item in the combo list to have tool tip bound to view model property, i.e. when you hover item from the combo list and a tool tip is displayed for the corresponding item.

Thank you in advance I will be waiting for your feed back!

Thanks for your help but

<input id="txtPassword" type="password" data-bind="value: txtPassword, tooltip: { title:'added as attribute', trigger: 'hover'}" /> 

and its working fine i have a bindling handler.tooltip which reads the title attribute and set its text as tooltip

i found that igcombo rendering input element as 3 level of span's[span > span > span] and title attribute i required is at 3rd level of span if using firebug i manually add title at 3rd level then it shows me tooltip. so i want igcombo todo this for me using any proper solution.

i tried to extend igCombo as mentioned in this post http://www.infragistics.com/community/forums/t/68789.aspx but failed to implement it in my logic.

* I want the combo to have tool tip bound to view model property, i.e. when you hover over the combo and a tool tip is displayed.

Hello Kashif,

Please look at the attached sample and let me know is that what you are trying to achieve?

Hello Kashif,

Do you have any further assistance with this? 

yes i'm facing another issue the solution you provided to show tooltip is working fine with IgCombo's having data source in memory but its not working with the igCombo's  in which data source is URL of service which returns data.

<input id="cbDb"  data-bind="comboBoxBindingHandler: comboBoxDataSourxe() , attr: { title:'register' , trigger: 'hover'}" ></input> 

works fine until its not the type of URL. 

incase of URL its unable to render the value of title due to which its not showing tooltip.

Hello Kashif,

Please read my first reply again.
Thank you in advance! 

Hello,

I am still following this. Have you been able to resolve the issue?
If you have any concerns or questions, please feel free to contact me, I will be glad to help you.
Thank you for choosing Infragistics components!

Thanks for your help, yes this issue is solved. Works perfectly 🙂

Hello Kashif,

I am glad that I have managed to help you.