Canvas App disable other rows that are not selected when editing another row

(0) Share

Report

Posted on by RazenC

I followed these tutorials from Youtube and it has different features and almost same approach.

By Reza Dorrani

Inline Editing

There's an issue where I'm editing another row then when I click another EDIT button which is supposedly disabled,
the row being edited is still changing to the disabled edit button I've clicked.
Other else is working fine.

I feel like there's some properties I'm missing here.
I'm expecting the DisplayMode when switched to Disabled means it's not technically clickable or focusable.

Just for context, in the Action column I have a hidden container that holds the Done and Cancel button
and it is only shown when user clicks the Edit (Pencil) button.

Here's the sample how it looks like:

01 App.jpg

Now, I want to edit the first row so I click the Pencil icon then I will click the 3rd row pencil Icon while I'm still editing the first row

02 App.jpg

The picture is bright but there's a Disabled Pencil icon in the circled part.

03 App.jpg

Here are the properties I used to achieve this.

Properties:

OnVisible (of current screen)
 Set(IsNew, false)

DisplayMode inside Gallery each editable fields (Care Manager, Auditor, Decision, Init/Ongoing and Live/Post)
 If(ThisItem.IsSelected && IsNew, DisplayMode.Edit, DisplayMode.Disabled)

Edit Icon properties
DisplayMode:
 If(IsNew, DisplayMode.Disabled, DisplayMode.Edit) 

OnSelect:
 Set(IsNew, true); 

Visible:
 If(ThisItem.IsSelected && IsNew, false, true)

 
Container that holds Done and Cancel button
Visible:
 If(ThisItem.IsSelected && IsNew, true, false)

 
Done and Cancel button
OnClick:
 Set(IsNew, false);

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (0)

v-jefferni on at

Like (0)

Report

Hi @RazenC ,

You are using a single variable for the entire gallery items, which will make the variable value changed when any edit icon in the gallery being clicked.

To put it simply, in Gallery Items/DataSource it needs a Boolean column and default to false, values in this column indicate whether a row is editing so by default no row is editing. Once an edit icon in a row is clicked, update the value to true using Update function. The variable cannot be used for rows in Gallery.

Best regards,

Was this reply helpful? Yes No
RazenC on at

Like (0)

Report

Ok got it, but I think I made it using the variable IsNew when a User clicks a row and makes other rows disabled.
Lets say I have a column that updates a value when user clicked it. What property and where should the logic be applied that make the row not clickable? Because DisplayMode.Disabled doesn't work like shown in the screenshot

Was this reply helpful? Yes No
v-jefferni on at

Like (0)

Report
Hi @RazenC ,

Check below codes:

Edit Icon properties DisplayMode: If(IsNew, DisplayMode.Disabled, DisplayMode.Edit) OnSelect: Set(IsNew, true);

You can see once an icon is selected, it will change the display mode of all the icons in the Gallery.

Visible: If(ThisItem.IsSelected && IsNew, false, true)

and then hide all of them from the Gallery. The selected item IsSelected = true && IsNew = true, so it's hidden. The other items IsSelected = false && IsNew = true, so they'are all hidden as well.

Since it's an additional Boolean column let's call it IsEditable, and by default they're all "false", the DisplayMode of edit icon would be:

If(ThisItem.IsEditable, DisplayMode.Disabled, DisplayMode.Edit)

so, after clicking an edit icon within the Gallery, update the field and change the display mode:

Patch(GalleryItems, ThisItem, {IsEditable: true})

And Visible of the icon could simply be:

!ThisItem.IsEditable

And the container Visible is the opposite:

ThisItem.IsEditable

Best regards,

Was this reply helpful? Yes No
RazenC on at

Like (0)

Report

Let me try this and let you know how it goes. Thanks

Was this reply helpful? Yes No