Show text when the mouse hovers over the icons in Gallery

(0) Share

Report

Posted on by kinghnvn

Hi all,

I have a Gallery and I insert icon there for each desk (Desk 1 & Desk 2)

How can I show text when the mouse hovers over the icons in Gallery.

icon 1-> it will show "Desk 1" name

icon 2 -> it will show "Desk 2" name

Desk 1 & Desk 2 are stored in DeskName column in DeskInfo SharePoint list.

I tried to use "Tooltip" but it doesn't work for each desk.

@StalinPonnusamy

@Ramole

Thanks.

Categories:

Building Power Apps

I have the same question (0)

All responses (15)

Answers (3)

Sort by

adamtj 79 on at

Like (1)

Report
Copy link

Link copied!
Hi @kinghnvn ,

How do your collection/table look for your gallery? You could add a field in that table eg "IconToolTip" and set uniqe text on each item in the table. Then set the tooltip property on the icon to ThisItem.IconToolTip.

Something like this?
Table( { Title: "Desk 1", OtherField: "Something else", IconToolTip: "This is Desk 1" }, { Title: "Desk 2", OtherField: "Something else", IconToolTip: "This is Desk 2" }, { Title: "Desk 3", OtherField: "Something else", IconToolTip: "This is Desk 3" } )

Was this reply helpful? Yes No
Verified answer

StalinPonnusamy Super User 2024 Season 1 on at

Like (1)

Report
Copy link

Link copied!

Hi @kinghnvn

Set the Icon Tooltip to ThisItem.DeskName.

In my example, its locname

I just tested to make sure this works. Are you saying the tooltip is shown for some but not for all?

Thanks,
Stalin - Learn To Illuminate

Was this reply helpful? Yes No
kinghnvn on at

Like (0)

Report
Copy link

Link copied!

Hi @StalinPonnusamy

Can we show tooltip for Employee name booked the desk?

With(
{
item: Filter(
OfficeBooking,
BookingDate = ToDate
)
},
LookUp(
item,
Office.Id = MainGallery.Selected.ID
).Employee.DisplayName
)

-> I just change "Office.Id = MainGallery.Selected.ID" to Office.Id = ThisItem.ID" Is that OK?

Was this reply helpful? Yes No
StalinPonnusamy Super User 2024 Season 1 on at

Like (1)

Report
Copy link

Link copied!

Hi @kinghnvn

That's definitely possible.

1. We need to use time as well with Date since desk can be booked for multiple employees on a single day
2. You will have a performance impact If each icon accesses the data source to display the tooltip. So we need to use Collection to avoid performance issues. Collect the booked desks for the selected date and use the collection to show the tooltip.

Thanks,
Stalin - Learn To Illuminate

Was this reply helpful? Yes No
kinghnvn on at

Like (0)

Report
Copy link

Link copied!

Thank you so much.
For item 2, I don't really understand , I don't know how to do that 😞

Was this reply helpful? Yes No
StalinPonnusamy Super User 2024 Season 1 on at

Like (1)

Report
Copy link

Link copied!
Hi @kinghnvn

Set the Onchange property of the Datepicker to
ClearCollect(ColOfficeBooking, Filter(OfficeBooking, BookingDate = ToDate )

Set the Tooltip property of the icon to

LookUp( ColOfficeBooking, Office.Id = ThisItem.ID && //Add your time slot as well like displaymode ).Employee.DisplayName

Thanks,
Stalin - Learn To Illuminate

Was this reply helpful? Yes No
kinghnvn on at

Like (0)

Report
Copy link

Link copied!

thank you @StalinPonnusamy

I don't use the Datepicker for a Book Date only.
I'm using a Calendar to select a date or multiple dates.

Was this reply helpful? Yes No
StalinPonnusamy Super User 2024 Season 1 on at

Like (0)

Report
Copy link

Link copied!

Hi @kinghnvn

Do you have any other event when you select date(s) from Calendars like OnSelect or OnChange?

Thanks,
Stalin - Learn To Illuminate

Was this reply helpful? Yes No
kinghnvn on at

Like (0)

Report
Copy link

Link copied!

No, but I have a Continue button to next after select Date and slot time.

Was this reply helpful? Yes No
StalinPonnusamy Super User 2024 Season 1 on at

Like (1)

Report
Copy link

Link copied!
That's good. Definitely, we can use the continue button click event. Please try this.

Clear(ColOfficeBooking) ForAll(DateDiff(Calander1.StartDate, Calander1.EndDate), Collect(ColOfficeBooking, Filter(OfficeBooking, BookingDate = DateAdd(Calander1.StartDate, ThisRecord.Value,Days)) ) )

Was this reply helpful? Yes No