I’m quite new to Appian and noticed an alignment issue within one of my interfaces. I wanted to ask whether this can be fixed or if it’s a known issue with this function.
The alignment between the text and the checkbox seems a little off (I’m seeing the same issue with a!toggleField() as well), and I haven’t been able to fix it myself.
a!toggleField()
Does anyone know of a workaround for this, or is this a known bug?
Discussion posts and replies are publicly visible
It works perfectly.Seems to be a browser rendering issue. Could you try using a different browser and adjusting the zoom/DPI settings? Also, which version of Appian are you currently on?
Tried different browsers (background: Microsoft Edge, foreground: Google Chrome) and different zoom levels, but the behavior is still the same.
Appian version: 26.3
This doesn’t seem to be expected behavior. It’s not reproducible on my end across any Appian 26.3 instances. I’d recommend raising a support ticket with Appian to get this investigated further.
Checking in with my confirmation that it seems to behave as we should expect:
(this is in Chrome / windows 11)
{ a!booleanCheckboxField( choiceLabel: "Choice 1" ), a!booleanCheckboxField( choiceLabel: "Choice 2" ), a!booleanCheckboxField( choiceLabel: "Choice 3" ), a!booleanCheckboxField( choiceLabel: "Choice 4" ), a!booleanCheckboxField( choiceLabel: "Choice 5" ) }
Shubham Aware What OS and Browser are you using?
this is Edge side-by-side with Chrome, both set to zoom at 100%, aligned so the components line up exactly, with a box drawn to allow easy comparison of the margins above/below the words in the checkbox choices relatve to the checkbox borders themselves.
Patrick Ludewig , does your site have any custom fonts configured, etc? That's the only thing I can think of (beyond browser-level settings that I don't really fathom) which could be having any effect on the rendering you're seeing.
Mike Schmitt