Text fields allow user input. The border should light up simply and clearly indicating which field the user is currently editing. If you don't want the Green and Red validation states, just set validate to false.
Dim inp1 As ABMInput inp1.Initialize(page, "inp1", ABM.INPUT_TEXT, "First Name" False, "") inp1.PlaceHolderText = "or your call name" page.Cell(2,1).AddComponent(inp1) Dim inp2 As ABMInput inp2.Initialize(page, "inp2", ABM.INPUT_TEXT, "Last Name", False, "") page.Cell(2,2).AddComponent(inp2) Dim inp3 As ABMInput inp3.Initialize(page, "inp3", ABM.INPUT_TEXT, "Disabled", False, "") inp3.Disabled = True inp3.PlaceHolderText = "I'm disabled!" page.Cell(3,1).AddComponent(inp3) Dim inp4 As ABMInput inp4.Initialize(page, "inp4", ABM.INPUT_PASSWORD, "Password", False, "") page.Cell(4,1).AddComponent(inp4) Dim inp5 As ABMInput inp5.Initialize(page, "inp5", ABM.INPUT_EMAIL, "Email", False, "") inp5.WrongMessage = "Wrong" inp5.SuccessMessage = "Correct" page.Cell(5,1).AddComponent(inp5)
Prefilled Text Inputs
Dim inp6 As ABMInput inp6.Initialize(page, "inp6", ABM.INPUT_TEXT, "First Name", False, "") inp6.Text = "Alain" page.Cell(8,1).AddComponent(inp6)
Icon Prefixes
You can add an icon prefix to make the form input label even more clear.
Dim inp7 As ABMInput inp7.Initialize(page, "inp7", ABM.INPUT_TEXT, "First Name", False, "") inp7.IconName = "mdi-action-account-circle" page.Cell(11,1).AddComponent(inp7) Dim inp8 As ABMInput inp8.Initialize(page, "inp8", ABM.INPUT_TEXT, "Telephone", False, "") inp8.IconName = "mdi-communication-phone" page.Cell(11,2).AddComponent(inp8)
Text Area
Textareas allow larger expandable user input. The border should light up simply and clearly indicating which field the user is currently editing.