Tooltip in service portal

[phani24]

Hi,

I want to set tooltip on a field value like when I hover on the field then the entire value inside the field should be displayed outside in the hover .How can I achieve this in the service portal 

Thanks,

Phani

[Pranav Bhagat · Accepted solution]

Hi

You have to use the combination of ng-model and tool tip ,modify the widget like below

HTML

<div>
  <br>
  <br>
 <input type="text" ng-model="greeting" data-toggle="tooltip" data-placement="right" title="{{greeting}}"/>
</div>

Client Script

api.controller=function($scope) {
	/* widget controller */
	var c = this;

	$scope.toolTip2=$scope.greeting;
};

Regards

Pranav

[phani24]

Hi ,

Thanks for the reply,I have tried this and it worked for my requirement .

Can we adjust the size of the tooltip that is displaying?

Thanks,

Phani

[Pranav Bhagat]

Basically it will auto adjust based the text.

Regards

Pranav

[phani24]

ok ,Thanks

[Bhawanjit Sing2]

Hi,

You can use uib-tooltip in your HTML.

https://angular-ui.github.io/bootstrap/

<a href="#" uib-tooltip="{{dynamicTooltip}}">{{dynamicTooltipText}}</a>