> ## Documentation Index
> Fetch the complete documentation index at: https://docs.autoflow.tools/llms.txt
> Use this file to discover all available pages before exploring further.

# Editing Steps in AutoFlow Studio

> Learn how to edit steps in AutoFlow Studio

# Editing Steps in AutoFlow Studio

## You can edit steps by hovering over them and clicking on the pencil icon. This will open the edit modal.

![Edit Step](https://ik.imagekit.io/du5yq7zec/updated%20ui/editsstepmodal.png?updatedAt=1733226123011)

## The Edit Step Modal has several sections depending on the type of step:

1. **Click Steps**
   * Customise the interaction with the element: In this section, you can customise the interaction with the element by editing locators.
     <Tip>
       You can also chain multiple locators to make the interaction more specific.
       ![chain](https://ik.imagekit.io/du5yq7zec/updated%20ui/chainlocatorclick.png?updatedAt=1733226122903)
     </Tip>
   * Add Timeout: Add timeout to the interaction.
     ![Timeout](https://ik.imagekit.io/du5yq7zec/updated%20ui/clickmodal.png?updatedAt=1733226123007)
2. **Input Steps**
   * Modify Select: In this section, you can customise the interaction with the element by editing locators.
     ![Modify Select](https://ik.imagekit.io/du5yq7zec/updated%20ui/inputmodifyselect.png?updatedAt=1733226122582)
     <Tip>
       You can also chain multiple locators to make the interaction more specific.
     </Tip>
   * Customize the value to be filled in: Customise the filled value of input steps.
     ![Customise Value](https://ik.imagekit.io/du5yq7zec/updated%20ui/inputcustomisevalue.png?updatedAt=1733226122671)
     * Absolute : Enter the value to be filled in.
     * Randomize: Randomize the value to be filled in using the available randomization functions.
     * Variable: Use a variable to fill in the value using the available variables.
       * You can modify the variable used via the 'Modify Variable' section.
         * Modify Variable: Available functions to modify the variable.
           * replace: replace a word with another word.
           * get text between: get text between two words.
           * trim: trim the variable.
           * get value from object: extract data from an object using a key.
           * custom function: coming soon.
             ![Modify Variable](https://ik.imagekit.io/du5yq7zec/updated%20ui/modifyvar.png?updatedAt=1733226122488)
3. **Navigation Steps**
   * Modify the url: Modify the url of the navigation step.
     ![Modify Url](https://ik.imagekit.io/du5yq7zec/updated%20ui/navigateedit.png?updatedAt=1733226509407)
4. **Assert Steps**
   * Modify the expected value: Modify the expected value of the assert step.
     ![Modify Expected Value](https://ik.imagekit.io/du5yq7zec/updated%20ui/assertedit.png?updatedAt=1733226509356)
5. **Query Steps**
   * Modify the query: Modify the query of the query step.
     ![Modify Query](https://ik.imagekit.io/du5yq7zec/updated%20ui/queryedit.png?updatedAt=1733226122900)