a!booleanCheckboxField() – choiceLabel alignment issue

Question

I&rsquo;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&rsquo;s a known issue with this function. 
 
 The alignment between the text and the checkbox seems a little off (I&rsquo;m seeing the same issue with a!toggleField() as well), and I haven&rsquo;t been able to fix it myself. 
 Does anyone know of a workaround for this, or is this a known bug?

Patrick Ludewig · Accepted Answer

The issue was caused by a custom font used in this environment. We changed the font to the standard &ldquo;Open Sans,&rdquo; and all text now aligns correctly. Thank you all for the help and input.

Mike Schmitt · Answer

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.

Shubham Aware · Answer

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?

Shubham Aware · Answer

This doesn&rsquo;t seem to be expected behavior. It&rsquo;s not reproducible on my end across any Appian 26.3 instances. I&rsquo;d recommend raising a support ticket with Appian to get this investigated further.​​​​​​​​​​​​​​​​

Mike Schmitt · Answer

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

a!booleanCheckboxField() – choiceLabel alignment issue

Top Replies