Welcome > Form Designer module > Add actions to a form or control > Add actions > Add a Change Stack Order action

Add a Change Stack Order action

Use the Change Stack Order action to change the stack order value or remove or move an element towards the bottom of the stack. The Change Stack Order action only applies to an image control with multiple images. It does not apply to an Image control with a single image.

When you use the Change Stack Order action and update the stack order, the images are reordered accordingly. For example, if you have 5 images and set stack order to 2,4,5, then image 2 appears at the bottom, then image 4 and image 5 at the top. Images 1 and 3 do not appear.

  1. On the Form Modeling bar, click Actions.
  2. On the Actions page, click Add Generic Add.
  3. On the Type list, select Change Stack Order.
  4. Enter a Name and Description for the action.
  5. Optionally, configure a unique action for each language separately. See Configure multilingual actions for a form or control for more information.
  6. Consume an image control in the Image box.
  7. Specify the Stack Order, using dynamic values (form field or form variable ) or static values (for example, 2, 4, 6).
  8. Click OK.

    The newly created action is added to the table.

  9. Associate the action with the control to trigger this action. To call the Change Stack Order action upon form load, associate the action with the form. See Associate an action with a form or control for more information.

    At runtime, when this action is triggered, all images specified in the Image control appear on top of one another in the defined stack order.

    Note An image with greater stack order appears in front of an image with a lower stack order.

    You can modify the stack order to reorder images.