Tooltip in service portal

phani24 · ‎01-02-2021

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 · ‎01-03-2021

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

View solution in original post

Mark Roethof · ‎01-02-2021

Hi there,

Have you tried the tooltip field on the Variable form lay-out?

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark
2020 ServiceNow Community MVP
2020 ServiceNow Developer MVP

---

LinkedIn
Community article list

Kind regards,

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

phani24 · ‎01-03-2021

Hi Mark ,

I am not looking for this but front end custom portal field tooltip as i explained in the description.I need some html manipulation to achieve this,please check the screenshot for my requirement

Ankur Bawiskar · ‎01-03-2021

@phani

Please share screenshot of how it should be

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader

phani24 · ‎01-03-2021

I need html manipulation way to update the portal field tooltip as shown in the screenshot