Unanswered

Checkbox is not showing on lookup while adding record to Grid

(0) Share

Report

Posted on by Varun Singh

In the Power Apps portal, I am able to select the multiple records in Portal via lookup and able to add them to a grid (standard functionality). The issue is that on the selection of the records in lookup control, it's showing me all selected record at the bottom of the Lookup but not showing them as check at record level in the lookup grid. Kindly see below. Need help. Is it a Microsoft issue or some metadata setting we need to add for this?

Categories:

Power Apps portals

I have the same question (0)

All responses (6)

Answers (0)

oliver.rodrigues 9,425 Most Valuable Professional on at

Like (1)

Report
Copy link

Link copied!

Looks like a tricky one, I would think it's by design. That's the same behavior as the Model-Driven App, so for that reason my initial guess is that's not a bug.

You can possibly inject JS to the modal and read the selected records (from 2nd box) and force the selection in the grid - seems a bit of work for little value added, but if you really needed it should be achievable via JS

@justinburch any other insight to add here?

Was this reply helpful? Yes No
maksii1 Microsoft Employee on at

Like (1)

Report
Copy link

Link copied!

We are seeing the same problem at our client portal from this week also. So looks like a product issue or as designed behavior

Was this reply helpful? Yes No
maksii1 Microsoft Employee on at

Like (3)

Report
Copy link

Link copied!

Issue reported to the product team. Should be resolved with one of the upcoming updates for Portal.

Was this reply helpful? Yes No
ryanspain 102 on at

Like (1)

Report
Copy link

Link copied!
This used to work up until a couple of weeks ago. @maksii1, any ETA on a solution?

It seems the problem is, the Font Awesome icon isn't being applied when an item row is selected.

For example, here is the HTML DOM with this not working (no checked icon showing):
<tr class="selected info"> <td ...> <span class="fa fa-fw" ... /> </td> ... </tr>
And here is the HTML DOM with the Font Awesome 'check' icon being added manually through my browser dev tools. Note the `fa-check` class added to the `span` element.
<tr class="selected info"> <td ...> <span class="fa fa-fw fa-check" ... /> </td> ... </tr>
The end result (using the above DOM):

Was this reply helpful? Yes No
maksii1 Microsoft Employee on at

Like (1)

Report
Copy link

Link copied!
Yeah, @ryanspain you are rights with the root cause of the issue.
As for now, no clear ETA is provided from the product team for that issue.

Since my client had fears that this UI would introduce ambiguity for users and possible errors, we temporarily decided to hide the style of the border for multiselect lookups.

just an example
div[data-select-mode="Multiple"] span.fa.fa-fw { border: 0; }

Was this reply helpful? Yes No
ryanspain 102 on at

Like (0)

Report
Copy link

Link copied!

Thanks for posting temporary example fix @maksii1.

This is rules out any ambiguity around row selection.

Was this reply helpful? Yes No