Custom Search Popup in Appian

Hello, 

My requirement is: 

1. Implement search popup on a button that displays rows in grid (search results are based on database view -CDT).

2. Able to select rows (user can select only one row at a time) in grid.

3. Selected row values are saved to form fields. 

From my initial research, it looks like Appian does not support popups. How can this be implemented in Appian? 

 

 

Thanks, 

  Discussion posts and replies are publicly visible

  • 0
    Certified Lead Developer
    , Yes appian doesn't support popups. Display another section on click of button and implement the search operation there. Have button to come to the original form with the selection upon clicking of button on search form. Hope it will help you..!!
  • Hello ramanjaneyulut,

    How do you make it come to the original form? Would it not allow user to edit anything on the original form?


    I am trying to use a!boxlayout to achieve the result and looks like the control is still on the same form.

    Below is my code:

    a!boxLayout(
    label: "ISO Search Results",
    contents: {
    a!gridField(
    label:"",
    totalCount: local!isoDataSubset.totalCount,
    columns: {
    a!gridTextColumn(
    label: "Order Number",
    field: "order_number",
    data: index(local!isoDataSubset.data, "order_number", null)
    )

    },
    identifiers: index(local!isoDataSubset.data, "item_number" , {}),
    selection:if(local!isoDataSubset.totalCount >0,true,false),
    value: local!gridSelection,
    saveInto: {
    local!gridSelection
    },
    showWhen: if(local!isoDataSubset.totalCount >0,true,false),
    validations:if(count(local!gridSelection.selected)>1, "You may only select one row", null)
    ) ,
    a!buttonArrayLayout(
    buttons:{ a!buttonWidget(
    label: "OK",
    style: "NORMAL"
    ),
    a!buttonWidget(
    label: "CANCEL",
    style: "NORMAL",
    saveInto: {}
    )},
    align: "END"
    )
    }
    )

    Thanks,
  • Hello ,

    How do you make it come to the original form? Would it not allow user to edit anything on the original form?


    I am trying to use a!boxlayout to achieve the result and looks like the control is still on the same form.

    Below is my code:

    a!boxLayout(
    label: "ISO Search Results",
    contents: {
    a!gridField(
    label:"",
    totalCount: local!isoDataSubset.totalCount,
    columns: {
    a!gridTextColumn(
    label: "Order Number",
    field: "order_number",
    data: index(local!isoDataSubset.data, "order_number", null)
    )

    },
    identifiers: index(local!isoDataSubset.data, "item_number" , {}),
    selection:if(local!isoDataSubset.totalCount >0,true,false),
    value: local!gridSelection,
    saveInto: {
    local!gridSelection
    },
    showWhen: if(local!isoDataSubset.totalCount >0,true,false),
    validations:if(count(local!gridSelection.selected)>1, "You may only select one row", null)
    ) ,
    a!buttonArrayLayout(
    buttons:{ a!buttonWidget(
    label: "OK",
    style: "NORMAL"
    ),
    a!buttonWidget(
    label: "CANCEL",
    style: "NORMAL",
    saveInto: {}
    )},
    align: "END"
    )
    }
    )

    Thanks,