Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Power Apps - Building Power Apps
Answered

Show text when the mouse hovers over the icons in Gallery

(0) ShareShare
ReportReport
Posted on by

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.

kinghnvn_1-1640010499666.png

 

@StalinPonnusamy 

@Ramole 

Thanks.

 

Categories:
  • Verified answer
    StalinPonnusamy Profile Picture
    Super User 2024 Season 1 on at
    Re: Show text when the mouse hovers over the icons in Gallery

    Hi @kinghnvn 

     

    Here is the updated code to avoid Delegation

    Clear(ColOfficeBooking);
    ForAll(
     Sequence(
     DateDiff(
     Calander1.StartDate,
     Calander1.EndDate
     ) + 1,0
     ),
    With({CalculatedStartDate: DateAdd(
     Calander1.StartDate,
     Value,
     Days
     )},
     Collect(
     ColOfficeBooking,
     Filter(
     OfficeBooking,
     BookingDate = CalculatedStartDate
     )
     )
    )
    )

     

    • Does your collection has data to show Tooltip?
    • You may need to remove the time to troubleshoot it and add the time condition one by one.


    Thanks,
    Stalin - Learn To Illuminate

  • kinghnvn Profile Picture
    on at
    Re: Show text when the mouse hovers over the icons in Gallery

    I have tried the steps but it's still not working.

     

    Continue button OneSelect:

    Delegation warning. The "Filter" part of this formula might not work correctly on large data sets.

    kinghnvn_0-1640159769549.png

     

    Gallery icon tooltip

     

    LookUp(
    ColOfficeBooking,
    Office.Id = ThisItem.ID
    && (DateValue(startTime) <= FromDateTime && DateValue(endTime) >= FromDateTime) &&
    (Value(Text(startTime,"hhmm")) * 100 >= StartTimeNumber && Value(Text(endTime,"hhmm")) * 100 <= EndTimeNumber ||
    Value(Text(startTime,"hhmm")) * 100 <= StartTimeNumber && Value(Text(endTime,"hhmm")) * 100 >= EndTimeNumber ||
    Value(Text(endTime,"hhmm")) * 100 > StartTimeNumber && Value(Text(endTime,"hhmm")) * 100 < EndTimeNumber ||
    Value(Text(startTime,"hhmm")) * 100 > StartTimeNumber && Value(Text(startTime,"hhmm")) * 100 < EndTimeNumber)
    ).Employee.DisplayName

     

    Result: it's not showing the Display name when the mouse hovers over the icon item in Gallery

  • Verified answer
    StalinPonnusamy Profile Picture
    Super User 2024 Season 1 on at
    Re: Show text when the mouse hovers over the icons in Gallery

    Hi @kinghnvn 

     

    I tried with my Date picker to make sure to collect data for those days using sequence

    Clear(ColOfficeBooking);
    ForAll(
     Sequence(
     DateDiff(
     Calander1.StartDate,
     Calander1.EndDate
     ) + 1,0
     ),
     Collect(
     ColOfficeBooking,
     Filter(
     OfficeBooking,
     BookingDate = DateAdd(
     Calander1.StartDate,
     Value,
     Days
     )
     )
     )
    )
  • kinghnvn Profile Picture
    on at
    Re: Show text when the mouse hovers over the icons in Gallery

    I have tried your code for the Continue button (OneSelect)

    I'm getting below error:

     

    The function 'ForAll' has some invalid arguments
    The function 'DateAdd' has some invalid arguments

     

    kinghnvn_0-1640078386835.png

     

  • StalinPonnusamy Profile Picture
    Super User 2024 Season 1 on at
    Re: Show text when the mouse hovers over the icons in Gallery

    Small correction to add semicolon and make sure closing brackets are added properly.

    Clear(ColOfficeBooking);
    ForAll(DateDiff(Calander1.StartDate, Calander1.EndDate),
    Collect(ColOfficeBooking,
    Filter(OfficeBooking, 
    BookingDate = DateAdd(Calander1.StartDate, ThisRecord.Value,Days)
    ) //Filter
    ) //Collect
    ) //ForAll
  • StalinPonnusamy Profile Picture
    Super User 2024 Season 1 on at
    Re: Show text when the mouse hovers over the icons in Gallery

    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))
    )
    )

     

  • kinghnvn Profile Picture
    on at
    Re: Show text when the mouse hovers over the icons in Gallery

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

  • StalinPonnusamy Profile Picture
    Super User 2024 Season 1 on at
    Re: Show text when the mouse hovers over the icons in Gallery

    Hi @kinghnvn 

     

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

     


    Thanks,
    Stalin - Learn To Illuminate

  • kinghnvn Profile Picture
    on at
    Re: Show text when the mouse hovers over the icons in Gallery

    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.

     

    kinghnvn_0-1640054733584.png

     

  • StalinPonnusamy Profile Picture
    Super User 2024 Season 1 on at
    Re: Show text when the mouse hovers over the icons in Gallery

    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

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

🌸 Community Spring Festival 2025 Challenge 🌸

WIN Power Platform Community Conference 2025 tickets!

Markus Franz – Community Spotlight

We are honored to recognize Markus Franz as our April 2025 Community…

Kudos to the March Top 10 Community Stars!

Thanks for all your good work in the Community!

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 146,587 Most Valuable Professional

#2
RandyHayes Profile Picture

RandyHayes 76,287 Super User 2024 Season 1

#3
Pstork1 Profile Picture

Pstork1 65,928 Most Valuable Professional

Leaderboard