Skip to main content
vempatir680997
November 17, 2023
Question

Help me with "text field and clickable icon"

  • November 17, 2023
  • 4 replies
  • 0 views

I want to add text field with clickable icon but I am unable to find witch plug-in i nee to use,
can any one help me with this.


I need text field like this.

4 replies

stefanhelzle0001
November 17, 2023

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.

vempatir680997
November 20, 2023

Thanks [mention:126a676c85024855948336691b0a7b92:e9ed411860ed4f2ba0265705b8793d05] 

November 17, 2023

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
  )
}

vempatir680997
November 20, 2023

Thanks [mention:2970d12bb20f49eeb02bd765b3e6150e:e9ed411860ed4f2ba0265705b8793d05] ,
but I need same like that image and thanks for this