Help me with "text field and clickable icon"

RE: Help me with "text field and clickable icon"

Ram Ganesh — Mon, 20 Nov 2023 10:03:30 GMT

Thanks ,
but I need same like that image and thanks for this

RE: Help me with "text field and clickable icon"

Ram Ganesh — Mon, 20 Nov 2023 10:02:23 GMT

Thanks

RE: Help me with "text field and clickable icon"

vikashk7323 — Fri, 17 Nov 2023 10:56:49 GMT

Hi, in Appian you would have to configure it with a textfield and icon and it would look like

{
  a!cardLayout(
    contents: {
      a!columnsLayout(
        columns: {
          a!columnLayout(
            contents: {
              a!sideBySideLayout(
                items: {
                  a!sideBySideItem(
                    item: a!textField(
                      label: "Message",
                      labelPosition: "COLLAPSED",
                      placeholder: "Ask your question",
                      saveInto: {},
                      refreshAfter: "UNFOCUS",
                      validations: {}
                    )
                  ),
                  a!sideBySideItem(
                    item: a!richTextDisplayField(
                      labelPosition: "COLLAPSED",
                      value: {
                        a!richTextIcon(
                          icon: "paper-plane",
                          color: "SECONDARY",
                          link: a!dynamicLink(),
                          linkStyle: "STANDALONE"
                        )
                      },
                      marginAbove: "LESS"
                    )
                  )
                }
              )
            }
          ),
          a!columnLayout(contents: {})
        },
        alignVertical: "MIDDLE"
      )
    },
    height: "AUTO",
    style: "TRANSPARENT",
    marginBelow: "STANDARD",
    showBorder: false
  )
}

RE: Help me with "text field and clickable icon"

Stefan Helzle — Fri, 17 Nov 2023 10:41:58 GMT

There is no icon inside a text input field in Appian. There is also no plugin.

Using a side-by-side layout, you can put the icon to the right side of the text field.