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:

General Questions

Using Apps Using Formulas

All responses (4)

Answers (0)

RazenC on at

Like (0)

Report

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

Let me try this and let you know how it goes. Thanks
v-jefferni on at

Like (0)

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

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,
RazenC on at

Like (0)

Report

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

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
v-jefferni on at

Like (0)

Report

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

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,