Appian Community and Appian Academy are being upgraded. As a part of the upgrade, Appian Community is currently in read-only mode, and user registration is disabled until August 3. We apologize for any inconvenience this may cause, but a more secure, stable, and performant Community experience is coming soon!

The new Appian Community launches August 3, followed by Appian Academy on August 7. During the migration, Appian Community Edition, Appian Academy, Documentation, Certifications, Instructor-led Customer Training, Partner Sales Training & Accreditation, and Forum (for Appian Partners and Customers only) will remain available.
  • State Verified Answer
  • +1 person also asked this people also asked this
  • Replies 13 replies
  • Answers 2 answers
  • Subscribers 9 subscribers
  • Views 22131 views
  • Users 0 members are here
Related Discussions
Home » Discussions » General

Text input disappears when clicking elsewhere

sjoerds0001

Hello,

 

I created a Interface with a wizard including some text boxes, drop downs and radio buttons on the first page and 4 text boxes on the second page of the wizard. 

When the interface is opened as a standalone tab in chrome, on the first page everything works fine. Including all expressions.

On the second page when I type something in one of the text boxes and click on something else the text disappears. When I do this on the interface in the designer everything works the way it should.

 

Any solutions?

  Discussion posts and replies are publicly visible

Parents
  • 0
    Could you post an screenshot of the code in question?

    My first thought is that you're incorrectly (or not) saving the relevant field into a local variable or rule input.
  • 0 in reply to Colton Beck
    This is the code.

    =load(
    local!test: 'type!{www.appian.com/.../2009}LabelValue'(),
    local!currentStep: 1,
    local!steps: {"Step 1", "Step 2", "Confirmation"},
    a!formLayout(
    label: "Aanvraag",
    contents: {
    a!milestoneField(
    steps: local!steps,
    active: local!currentStep
    ),
    a!sectionLayout(
    contents: {
    a!textField(
    label: "Naam",
    labelPosition: "ABOVE",
    value: ri!Naam,
    saveInto: ri!Naam,
    refreshAfter: "UNFOCUS",
    required: true,
    validations: {}
    ),
    a!radioButtonField(
    label: "Geslacht",
    labelPosition: "ABOVE",
    choiceLabels: {"Man", "Vrouw"},
    choiceValues: {true(), false()},
    value: ri!Geslacht,
    saveInto: ri!Geslacht,
    required: true,
    choiceLayout: "STACKED",
    validations: {}
    ),
    a!dateField(
    label: "Geboorte datum",
    labelPosition: "ABOVE",
    helptooltip: "Minimale leeftijd is 18 jaar.",
    value: ri!GeboorteDatum,
    saveInto: ri!GeboorteDatum,
    required: true,
    validations: if(edate(today(), -216) > ri!GeboorteDatum, null, "U moet minimaal 18 Jaar oud zijn voor een aanvraag.")),
    a!dropdownField(
    label: "Kies uw pakket",
    labelPosition: "ABOVE",
    placeholderLabel: "--- Select a Value ---",
    choiceLabels: {"Budget", "Standard",
    "Premium",
    "Family"},
    choiceValues: {1, 2,
    3,
    4},
    value: ri!PakketKeuzeJ,
    saveInto: ri!PakketKeuzeJ,
    showwhen: if(and(edate(today(), -804) < ri!GeboorteDatum,edate(today(), -216) > ri!GeboorteDatum),(ri!GeboorteDatum),false),
    required: true,
    validations: {}
    ),
    a!dropdownField(
    label: "Kies uw pakket (Senior)",
    labelPosition: "ABOVE",
    placeholderLabel: "--- Select a Value ---",
    choiceLabels: {"Budget Senior", "Standard Senior",
    "Premium Senior",
    "Pensioner"},
    choiceValues: {1, 2,
    3,
    4},
    value: ri!PakketKeuzeS,
    saveInto: ri!PakketKeuzeS,
    showwhen: if(isnull(ri!GeboorteDatum), false, edate(today(), -804) >= ri!GeboorteDatum),
    required: true,
    validations: {}
    ),
    a!checkboxField(
    label: "Extra pakketten",
    labelPosition: "ABOVE",
    choiceLabels: {"Family Voordeel", "Student Extra",
    "Totaal Pakket",
    "Totaal Pakket Extra"},
    choiceValues: {1, 2,
    3,
    4},
    value: ri!Extras,
    saveInto: ri!Extras,
    showwhen: OR(ri!PakketKeuzeJ="1",ri!PakketKeuzeJ="2",ri!PakketKeuzeJ="3",ri!PakketKeuzeS="1",ri!PakketKeuzeS="2",ri!PakketKeuzeS="3"),
    choicelayout: "STACKED"),
    a!radioButtonField(
    label: "Bent u werkzaam?",
    labelPosition: "ABOVE",
    choiceLabels: {"Ja", "Nee"},
    choiceValues: {true(), false()},
    value: ri!Werkzaam,
    saveInto: ri!Werkzaam,
    showwhen: OR(ri!PakketKeuzeJ="1",ri!PakketKeuzeJ="2",ri!PakketKeuzeJ="3",ri!PakketKeuzeS="1",ri!PakketKeuzeS="2",ri!PakketKeuzeS="3"),
    required: true,
    choiceLayout: "STACKED",
    validations: {}
    ),
    a!radioButtonField(
    label: "Bent u met pensioen?",
    labelPosition: "ABOVE",
    choiceLabels: {"Ja", "Nee"},
    choiceValues: {true(), false()},
    value: ri!Pensioen,
    saveInto: ri!Pensioen,
    showwhen: ri!Werkzaam = false(),
    required: true,
    choiceLayout: "STACKED",
    validations: {}
    ),
    a!radioButtonField(
    label: "Ontvangt u een inkomen?",
    labelPosition: "ABOVE",
    helptooltip: "Is uw partner hoofdverdiener?",
    choiceLabels: {"Ja", "Nee"},
    choiceValues: {true(), false()},
    value: ri!Inkomen,
    saveInto: ri!Inkomen,
    showwhen: ri!Pensioen = false(),
    required: true,
    choiceLayout: "STACKED",
    validations: {}
    ),
    a!dropdownField(
    label: "Hoeveel verdiend u per jaar?",
    labelPosition: "ABOVE",
    helptooltip: "Of uw partner?",
    placeholderLabel: "--- Select a Value ---",
    choiceLabels: {"Minder dan 32.000", "Meer dan 32.000 en minder dan 64.000",
    "Meer dan 64.000"},
    choiceValues: {1, 2,
    3},
    value: ri!InkomenHoeveel,
    saveInto: ri!InkomenHoeveel,
    showwhen: or(ri!Werkzaam, ri!Pensioen, ri!Inkomen),
    required: true,
    validations: {}
    ),
    a!fileUploadField(
    label: "Upload hier een kopie van uw identiteitsbewijs",
    labelPosition: "ABOVE",
    value: ri!BestandenUpload,
    saveInto: ri!BestandenUpload,
    required: true,
    validations: {}
    )
    },
    showWhen: or(local!currentStep = 1, local!currentStep = length(local!steps))
    ),
    a!sectionLayout(
    label: "Account aanmaken",
    contents: {
    a!textField(
    label: "Gebruikersnaam",
    labelPosition: "ABOVE",
    value: ri!Gebruikersnaam,
    saveInto: ri!Gebruikersnaam,
    required: true,
    validations: {}
    ),
    a!textField(
    label: "E-mailadres",
    labelPosition: "ABOVE",
    value: ri!Emailadres,
    saveInto: ri!Emailadres,
    required: true,
    validations: {}
    ),
    a!textField(
    label: "Wachtwoord",
    labelPosition: "ABOVE",
    value: ri!Wachtwoord,
    saveInto: ri!Wachtwoord,
    required: true,
    masked: true,
    validations: {}
    ),
    a!textField(
    label: "Herhaal wachtwoord",
    labelPosition: "ABOVE",
    value: ri!HerhaalWachtwoord,
    saveInto: ri!HerhaalWachtwoord,
    required: true,
    masked: true,
    validations: {}
    )
    },
    showWhen: or(local!currentStep = 2, local!currentStep = length(local!steps))
    )
    },
    buttons: a!buttonLayout(
    primaryButtons: {
    a!buttonWidgetSubmit(
    label: "Done",
    style: "PRIMARY",
    showWhen: local!currentStep = length(local!steps)
    ),
    a!buttonWidget(
    label: "Next",
    value: local!currentStep + 1,
    saveInto: {
    local!currentStep
    },
    showWhen: local!currentStep <> length(local!steps),
    validate: true
    )
    },
    secondaryButtons: {
    a!buttonWidget(
    label: "Go Back",
    value: local!currentStep - 1,
    saveInto: local!currentStep,
    showWhen: local!currentStep > 1
    ),
    a!buttonWidgetSubmit(
    label: "Cancel",
    style: "SECONDARY",
    skipValidation: true
    )
    }
    )
    )
    )
Reply
  • 0 in reply to Colton Beck
    This is the code.

    =load(
    local!test: 'type!{www.appian.com/.../2009}LabelValue'(),
    local!currentStep: 1,
    local!steps: {"Step 1", "Step 2", "Confirmation"},
    a!formLayout(
    label: "Aanvraag",
    contents: {
    a!milestoneField(
    steps: local!steps,
    active: local!currentStep
    ),
    a!sectionLayout(
    contents: {
    a!textField(
    label: "Naam",
    labelPosition: "ABOVE",
    value: ri!Naam,
    saveInto: ri!Naam,
    refreshAfter: "UNFOCUS",
    required: true,
    validations: {}
    ),
    a!radioButtonField(
    label: "Geslacht",
    labelPosition: "ABOVE",
    choiceLabels: {"Man", "Vrouw"},
    choiceValues: {true(), false()},
    value: ri!Geslacht,
    saveInto: ri!Geslacht,
    required: true,
    choiceLayout: "STACKED",
    validations: {}
    ),
    a!dateField(
    label: "Geboorte datum",
    labelPosition: "ABOVE",
    helptooltip: "Minimale leeftijd is 18 jaar.",
    value: ri!GeboorteDatum,
    saveInto: ri!GeboorteDatum,
    required: true,
    validations: if(edate(today(), -216) > ri!GeboorteDatum, null, "U moet minimaal 18 Jaar oud zijn voor een aanvraag.")),
    a!dropdownField(
    label: "Kies uw pakket",
    labelPosition: "ABOVE",
    placeholderLabel: "--- Select a Value ---",
    choiceLabels: {"Budget", "Standard",
    "Premium",
    "Family"},
    choiceValues: {1, 2,
    3,
    4},
    value: ri!PakketKeuzeJ,
    saveInto: ri!PakketKeuzeJ,
    showwhen: if(and(edate(today(), -804) < ri!GeboorteDatum,edate(today(), -216) > ri!GeboorteDatum),(ri!GeboorteDatum),false),
    required: true,
    validations: {}
    ),
    a!dropdownField(
    label: "Kies uw pakket (Senior)",
    labelPosition: "ABOVE",
    placeholderLabel: "--- Select a Value ---",
    choiceLabels: {"Budget Senior", "Standard Senior",
    "Premium Senior",
    "Pensioner"},
    choiceValues: {1, 2,
    3,
    4},
    value: ri!PakketKeuzeS,
    saveInto: ri!PakketKeuzeS,
    showwhen: if(isnull(ri!GeboorteDatum), false, edate(today(), -804) >= ri!GeboorteDatum),
    required: true,
    validations: {}
    ),
    a!checkboxField(
    label: "Extra pakketten",
    labelPosition: "ABOVE",
    choiceLabels: {"Family Voordeel", "Student Extra",
    "Totaal Pakket",
    "Totaal Pakket Extra"},
    choiceValues: {1, 2,
    3,
    4},
    value: ri!Extras,
    saveInto: ri!Extras,
    showwhen: OR(ri!PakketKeuzeJ="1",ri!PakketKeuzeJ="2",ri!PakketKeuzeJ="3",ri!PakketKeuzeS="1",ri!PakketKeuzeS="2",ri!PakketKeuzeS="3"),
    choicelayout: "STACKED"),
    a!radioButtonField(
    label: "Bent u werkzaam?",
    labelPosition: "ABOVE",
    choiceLabels: {"Ja", "Nee"},
    choiceValues: {true(), false()},
    value: ri!Werkzaam,
    saveInto: ri!Werkzaam,
    showwhen: OR(ri!PakketKeuzeJ="1",ri!PakketKeuzeJ="2",ri!PakketKeuzeJ="3",ri!PakketKeuzeS="1",ri!PakketKeuzeS="2",ri!PakketKeuzeS="3"),
    required: true,
    choiceLayout: "STACKED",
    validations: {}
    ),
    a!radioButtonField(
    label: "Bent u met pensioen?",
    labelPosition: "ABOVE",
    choiceLabels: {"Ja", "Nee"},
    choiceValues: {true(), false()},
    value: ri!Pensioen,
    saveInto: ri!Pensioen,
    showwhen: ri!Werkzaam = false(),
    required: true,
    choiceLayout: "STACKED",
    validations: {}
    ),
    a!radioButtonField(
    label: "Ontvangt u een inkomen?",
    labelPosition: "ABOVE",
    helptooltip: "Is uw partner hoofdverdiener?",
    choiceLabels: {"Ja", "Nee"},
    choiceValues: {true(), false()},
    value: ri!Inkomen,
    saveInto: ri!Inkomen,
    showwhen: ri!Pensioen = false(),
    required: true,
    choiceLayout: "STACKED",
    validations: {}
    ),
    a!dropdownField(
    label: "Hoeveel verdiend u per jaar?",
    labelPosition: "ABOVE",
    helptooltip: "Of uw partner?",
    placeholderLabel: "--- Select a Value ---",
    choiceLabels: {"Minder dan 32.000", "Meer dan 32.000 en minder dan 64.000",
    "Meer dan 64.000"},
    choiceValues: {1, 2,
    3},
    value: ri!InkomenHoeveel,
    saveInto: ri!InkomenHoeveel,
    showwhen: or(ri!Werkzaam, ri!Pensioen, ri!Inkomen),
    required: true,
    validations: {}
    ),
    a!fileUploadField(
    label: "Upload hier een kopie van uw identiteitsbewijs",
    labelPosition: "ABOVE",
    value: ri!BestandenUpload,
    saveInto: ri!BestandenUpload,
    required: true,
    validations: {}
    )
    },
    showWhen: or(local!currentStep = 1, local!currentStep = length(local!steps))
    ),
    a!sectionLayout(
    label: "Account aanmaken",
    contents: {
    a!textField(
    label: "Gebruikersnaam",
    labelPosition: "ABOVE",
    value: ri!Gebruikersnaam,
    saveInto: ri!Gebruikersnaam,
    required: true,
    validations: {}
    ),
    a!textField(
    label: "E-mailadres",
    labelPosition: "ABOVE",
    value: ri!Emailadres,
    saveInto: ri!Emailadres,
    required: true,
    validations: {}
    ),
    a!textField(
    label: "Wachtwoord",
    labelPosition: "ABOVE",
    value: ri!Wachtwoord,
    saveInto: ri!Wachtwoord,
    required: true,
    masked: true,
    validations: {}
    ),
    a!textField(
    label: "Herhaal wachtwoord",
    labelPosition: "ABOVE",
    value: ri!HerhaalWachtwoord,
    saveInto: ri!HerhaalWachtwoord,
    required: true,
    masked: true,
    validations: {}
    )
    },
    showWhen: or(local!currentStep = 2, local!currentStep = length(local!steps))
    )
    },
    buttons: a!buttonLayout(
    primaryButtons: {
    a!buttonWidgetSubmit(
    label: "Done",
    style: "PRIMARY",
    showWhen: local!currentStep = length(local!steps)
    ),
    a!buttonWidget(
    label: "Next",
    value: local!currentStep + 1,
    saveInto: {
    local!currentStep
    },
    showWhen: local!currentStep <> length(local!steps),
    validate: true
    )
    },
    secondaryButtons: {
    a!buttonWidget(
    label: "Go Back",
    value: local!currentStep - 1,
    saveInto: local!currentStep,
    showWhen: local!currentStep > 1
    ),
    a!buttonWidgetSubmit(
    label: "Cancel",
    style: "SECONDARY",
    skipValidation: true
    )
    }
    )
    )
    )
Children
No Data
© 2026 Appian. All rights reserved.
We want to hear from you! Submit a review on Gartner or G2.