Hi All, I have a normal grid, in this grid I have a image column and

If you are still interested in the JavaScript approach (not recommended) you can add the click event to the rows in the image column within that specific grid. The following function adds it to all the image columns and shows the index of the clicked row within the column.

This is a quick solution if you have only one image column, if you have more than one the other columns will get the click event too. At least it should be enough if you just have one column of type image or you can take this code as a reference, explore the grid using IE Developer Tools and improve the function

function addClickEventToRow(gridID) {
$("#fd_component_"+window.FormDesigner.runtimeNamespace+gridID+" .imageControl").click(function(){
alert("Image Clicked Number: " + $("#fd_component_"+window.FormDesigner.runtimeNamespace+gridID+" .imageControl").index(this));
});
}

The function retrieves all the elements with the class “imageControl” out of the given grid. The index function returns the id within the resulting array (from the retrieval of all elements with the “imageControl” class.

This function can be invoked in the load event of the form with the corresponding setTimeout to allow the component to be rendered.

I am attaching an example application that shows this function in action. The model is called Click Image in Row under Process Models – Forum. The JS is called clickRowEvent.js under Default Community > Temporary Documents Knowledge Center > Temporary Documents>JS libraries. Click on each image and see how the alert indicates which row was clicked, your case you can use that same logic but instead of showing the alert you can update the dropdown with the Advanced Form Utilities plug-in.

forum.appian.com/.../16214

If you are still interested in the JavaScript approach (not recommended) you can add the click event to the rows in the image column within that specific grid. The following function adds it to all the image columns and shows the index of the clicked row within the column.

This is a quick solution if you have only one image column, if you have more than one the other columns will get the click event too. At least it should be enough if you just have one column of type image or you can take this code as a reference, explore the grid using IE Developer Tools and improve the function

function addClickEventToRow(gridID) {
$("#fd_component_"+window.FormDesigner.runtimeNamespace+gridID+" .imageControl").click(function(){
alert("Image Clicked Number: " + $("#fd_component_"+window.FormDesigner.runtimeNamespace+gridID+" .imageControl").index(this));
});
}

The function retrieves all the elements with the class “imageControl” out of the given grid. The index function returns the id within the resulting array (from the retrieval of all elements with the “imageControl” class.

This function can be invoked in the load event of the form with the corresponding setTimeout to allow the component to be rendered.

I am attaching an example application that shows this function in action. The model is called Click Image in Row under Process Models – Forum. The JS is called clickRowEvent.js under Default Community > Temporary Documents Knowledge Center > Temporary Documents>JS libraries. Click on each image and see how the alert indicates which row was clicked, your case you can use that same logic but instead of showing the alert you can update the dropdown with the Advanced Form Utilities plug-in.

forum.appian.com/.../16214