Submit button being disabled if no changes are made to the editable grid

RE: Submit button being disabled if no changes are made to the editable grid

RAHUL GANJI — Mon, 29 Jul 2019 17:32:28 GMT

From a related action,I have to manage some details of a record in grid by selecting it..When I select a record and proceed the details of that particular record is displayed with editable fields where I can make changes and save that form..But I want to navigate through all the records through the links called previous and next.When I click next I want to display the next records details in the editable fields on the form kind of thing and save it through that related action...Could you please input me with some details how to navigate to next record details without going to grid again and selecting it..

RE: Submit button being disabled if no changes are made to the editable grid

Mike Schmitt — Wed, 26 Jun 2019 22:14:57 GMT

Thanks for providing those. I'm guessing your Save button is set to just be disabled when you have ri!saveDisabled set to true (though i'm not too sure what's going on since you're setting it to false in these saveIntos).

Now that I think about it - while it is possible to validate based on the uploaded file's Size, I believe you won't be able to affect the Save button's enabled status based on the uploaded file's size, at least using "officially supported" functionality.

So I would suggest you take a different approach for the value of your "saveDisable" value. I would suggest you make it as a with() variable (or if 19.2 already, an a!refreshVariable inside a!localVariables set to refresh on referenced variable change). For the moment I'll assume you're pre-19.2 and therefore use with() since it's simpler to explain.

Declare a with() variable, local!disableSave, and set it to something like "isnull(ri!description)". That way as soon as a description is entered, the Save button will be enabled. Take for example the following code, which enables the SAVE button only when a document is uploaded and a description is entered (and throws a validation error when above 5MB is uploaded):

load(
  local!document: null(),
  local!description: null(),
  
  with(
    local!disableSave: or(
      isnull(local!document),
      isnull(local!description)
    ), /* will update any time document or description are changed */
    
    a!sectionLayout(
      label: "Test Simple Document Upload",
      contents: {
        a!gridLayout(
          headerCells: {
            a!gridLayoutHeaderCell(label: "Document"),
            a!gridLayoutHeaderCell(label: "Description")
          },
          rows: a!gridRowLayout(
            contents: {
              a!fileUploadField(
                value: local!document,
                saveInto: local!document,
                description: local!description,
                maxSelections: 1,
                validations: {
                  if(
                    fv!files.size >  5 * 1024 * 1024,
                    "Attachments above 5MB are not allowed.",
                    null()
                  )
                }
              ),
              a!textField(
                value: local!description,
                saveInto: local!description,
                disabled: isnull(local!document)
              )
            }
          )
        ),
        a!buttonArrayLayout(
          align: "CENTER",
          buttons: {
            a!buttonWidget(
              label: "Save",
              style: "PRIMARY",
              disabled: local!disableSave
            )
          }
        )
      }
    )
  )
)

RE: Submit button being disabled if no changes are made to the editable grid

RAHUL GANJI — Wed, 26 Jun 2019 21:50:44 GMT

a!fileuploadField(
label:"file upload",
value:ri!file,
validations:if(fv!file.size>5000000,"Attachments above 5 MB not allowed),
saveInto:{ri!file,a!save(ri!saveDisable,false)}/*first i declared ri!saveDisabled as true*/
),
if(isnull(ri!file),
a!textField(
label:"description",
value:"",
readOnly:true),
a!textField(
label:"description",
value:ri!description,
saveInto:{ri!description,a!save(ri!saveDisable,false),}))

RE: Submit button being disabled if no changes are made to the editable grid

Mike Schmitt — Wed, 26 Jun 2019 20:49:11 GMT

If you can share the relevant snippet of your current code (and maybe an accompanying screenshot) then that might help, otherwise I'd only be guessing as to what the issue is...

RE: Submit button being disabled if no changes are made to the editable grid

RAHUL GANJI — Wed, 26 Jun 2019 20:40:41 GMT

the save button should disable if the file I have attached is above 5 MB(done with the validation code) and if I enter any description for the file in another field in the grid(editable)...

The save button is disabled if I upload the file above 5MB but when I enter the description then the save button enables

any input is appreciated

RE: Submit button being disabled if no changes are made to the editable grid

Mike Schmitt — Wed, 26 Jun 2019 16:50:37 GMT

Field properties like Label and Instructions don't show up when used in an editable grid. You could always make an extra column in the grid where you store information like max filesize, etc, or try putting a help tooltip on the column header with extra details like this.

RE: Submit button being disabled if no changes are made to the editable grid

RAHUL GANJI — Wed, 26 Jun 2019 16:43:23 GMT

I have a grid which has fields for document,description,uploaded date,remove columns..

I have a link at the bottom of the grid to attach the file using the file upload component.But Iam unable to show the instructions for the file upload component on file size that can be uploaded..

Could you plz help me out how to do that

RE: Submit button being disabled if no changes are made to the editable grid

Mike Schmitt — Fri, 21 Jun 2019 18:30:00 GMT

BTW, if any of my answers are helping you, I hope you'll click "Verify" on one or more of them in order to make sure I get credit :)

RE: Submit button being disabled if no changes are made to the editable grid

Mike Schmitt — Fri, 21 Jun 2019 18:28:55 GMT

There's no easy way to do this that I know of. One of the only suggestions I have might be, after the deletion is completed, have the user chain forward into a user input task that has no Submit button - and on that task, show a record link with the record type set but no record identifier - i believe this will cause them to be linked to the record listing when they click it. (The task would need to time out after a few minutes to end the process in the background.) The text for the link could say something like, "Click here to return to Record Listing", along with some explanation that the record has now been deleted and to not try clicking back to "summary" etc.

RE: Submit button being disabled if no changes are made to the editable grid

RAHUL GANJI — Fri, 21 Jun 2019 18:11:39 GMT

Mike ,

I have a relation action shortcut on a record summary

When I perform "Delete Record" related action ,the record successfully gets deleted through a process model without activity chaining but after deletion it returns back to the Summary dashboard instead of the Record grid view...How can I handle this?

RE: Submit button being disabled if no changes are made to the editable grid

Mike Schmitt — Wed, 19 Jun 2019 17:43:18 GMT

[quote userid="33204" url="~/discussions/f/user-interface/15056/submit-button-being-disabled-if-no-changes-are-made-to-the-editable-grid/67521"]No I dont want the button to be enabled if the user doesnot actually makes changes[/quote]

the code I've suggested handles this.

[quote userid="33204" url="~/discussions/f/user-interface/15056/submit-button-being-disabled-if-no-changes-are-made-to-the-editable-grid/67521"]and also how can I check with the documents being duplicated...dont want to upload a new document if it already exists[/quote]

Appian treats all uploaded files as unique IDs - it has no direct way of knowing whether two different files are identical, though you could add a validation to your upload which checks whether the uploaded file name and size (for example) are identical to a previously uploaded file.

RE: Submit button being disabled if no changes are made to the editable grid

RAHUL GANJI — Wed, 19 Jun 2019 17:30:49 GMT

No I dont want the button to be enabled if the user doesnot actually makes changes to the editable field and also how can I check with the documents being duplicated...dont want to upload a new document if it already exists

RE: Submit button being disabled if no changes are made to the editable grid

Mike Schmitt — Wed, 19 Jun 2019 17:23:01 GMT

a!textField automatically performs its saveInto when the field is unfocused (i.e. the user clicks or tabs away); the WITH() variable won't update until after that. In general, it updates fast enough that the user can't get to the button in time even if they change something and try clicking right away. However if you need it to be even tighter in timing, you can add 'refreshafter: "KEYPRESS"' to the a!textField which will cause the saveInto to be immediately executed every time the user changes something. This has performance implications if you use it too much or in too many fields in a form, but with limited usage it works fine. If I understand your scenario correctly, this is probably the solution you're looking for.

RE: Submit button being disabled if no changes are made to the editable grid

RAHUL GANJI — Wed, 19 Jun 2019 17:17:17 GMT

Here in the above example if the user wants to change something in the status(editable) and just again changed his mind and let it be as it is clicking backspace then I dont want to enable the save button as there is no change in the data..Is there anyway you can help me out please

RE: Submit button being disabled if no changes are made to the editable grid

Richard Nolan — Mon, 17 Jun 2019 19:45:37 GMT

Glad you got it sorted out !

RE: Submit button being disabled if no changes are made to the editable grid

RAHUL GANJI — Mon, 17 Jun 2019 18:35:23 GMT

Yeah I got it with passing the boolean variable to make the button disabled from expression rule to interface

Thank you

RE: Submit button being disabled if no changes are made to the editable grid

Richard Nolan — Mon, 17 Jun 2019 17:59:33 GMT

Can you clarify a few things?

1) You have two buttons (at least), one to allow uses to add a new file, and one that allows users to save changes to the editable items in your grid.

2) The attach file button should be disabled when a user is editing data in the grid, but the "save" button should be enabled if there are changes?

3) You have a complete expression rule that that generates a single row (you are not, for example, calling gridRowLayout() in an a!foreach(), but are calling your own custom crafted expression that generates each row)?

If the above are true, you could use a single variable (as in the examples people have provided) to generate enabled state/disabled state. Or you could use two variables if they may act independently.

What you will likely have to do do, is pass the variable(s) controlling those states into the expression that generates the rows, so you can update it in the fields that should enable the save button and disable the attach button.

If you have a more complete case to share, we can probably help you further (maybe supply a code example)?

RE: Submit button being disabled if no changes are made to the editable grid

Mike Schmitt — Mon, 17 Jun 2019 17:53:47 GMT

I'm unclear what's still not working for you - could you attach some screenshots and/or sample code? (please use the Insert Code box to preserve formatting and not blow up the post)

RE: Submit button being disabled if no changes are made to the editable grid

RAHUL GANJI — Mon, 17 Jun 2019 17:24:23 GMT

I have a grid which displays the document(can download the doc through documentdownload link),document description,uploaded on,remove columns..

Attaching a new file link is in the main interface..We can attach the documents row by row...

I have a seperate expression rule for the rows displaying (all the code for deleting included there)

Iam able to disable the save first and enable it for the attachment link only...iam unable to do it for the document description,remove columns...Can you plz help me out

RE: Submit button being disabled if no changes are made to the editable grid

Mike Schmitt — Mon, 17 Jun 2019 14:34:27 GMT

Sorry, I'm not sure I follow -- you didn't mention documents at all before. Perhaps you can share a bit more detail as to what you're actually trying to do with your grid?

RE: Submit button being disabled if no changes are made to the editable grid

RAHUL GANJI — Fri, 14 Jun 2019 22:24:05 GMT

You are taking it as a CDT right?but I have 2 different lists for documents and their description...I couldnot understand how to handle this

RE: Submit button being disabled if no changes are made to the editable grid

RAHUL GANJI — Fri, 14 Jun 2019 21:45:59 GMT

If I edit the description only the save button should be enabled and I should be able to save the changes

I think I couldnot do it this way

RE: Submit button being disabled if no changes are made to the editable grid

RAHUL GANJI — Fri, 14 Jun 2019 21:20:38 GMT

thats working for the attaching of a new document to the grid but it is not working for the editable column in the grid when the description in the column changes and we need to enable the submit button for that

RE: Submit button being disabled if no changes are made to the editable grid

Mike Schmitt — Fri, 14 Jun 2019 20:46:46 GMT

Here's my quick version of what I was thinking of. I In my example the main data is in local!itemList, though in a real implementation that could be replaced with a rule input value feeding in external (and editable) data. The with() variable takes care of keeping track of whether any changes have been made, with the added bonus that it'll turn back off if changes are reverted.

load(
  local!itemList: {
    {
      item: "Sofa",
      status: "unoccupied"
    },
    {
      item: "TV",
      status: "off"
    }
  },
  local!itemListOriginalValue: local!itemList,
  with(
    local!changesMade: not(
      exact(
        tostring(local!itemList),
        tostring(local!itemListOriginalValue)
      )
    ),
    
    a!formLayout(
      contents: {
        a!gridLayout(
          headerCells: {
            a!gridLayoutHeaderCell(
              label: "Item"
            ),
            a!gridLayoutHeaderCell(
              label: "Status"
            )
          },
          rows: a!forEach(
            local!itemList,
            a!gridRowLayout(
              contents: {
                a!textField(
                  value: fv!item.item,
                  readonly: true()
                ),
                a!textField(
                  value: fv!item.status,
                  saveInto: fv!item.status,
                  readOnly: false()
                )
              }
            )
          )
        )
      },
      buttons: a!buttonLayout(
        primaryButtons: a!buttonWidget(
          label: "SAVE",
          style: "PRIMARY",
          disabled: not(local!changesMade),
          saveInto: {
            a!save(
              local!itemListOriginalValue,
              local!itemList
            )
          }
        )
      )
    )
  )
)

RE: Submit button being disabled if no changes are made to the editable grid

Mike Schmitt — Fri, 14 Jun 2019 20:35:59 GMT

The method I described should still be sufficient I think. Or are you trying to recognize changes on a row-by-row basis? If you only have one SAVE button for the whole form (which was my assumption), then you shouldn't need to worry about this.