I'm customizing the Alarm Status Table in Ignition Perspective and need the checkboxes to match this Figma style:
- Size:
20x20px - Border radius:
6px - Background:
#FFFFFF - Border:
1px solid #D0D5DD
I added this CSS:
css
.ia_checkbox__checkedIcon,
.ia_checkbox__uncheckedIcon,
.ia_checkbox__indeterminateIcon {
background-color: #FFFFFF;
border-radius: 6px;
}
But it's not applying correctly (overflowing from the box)—styles seem overridden or ignored. I only want to target checkboxes within the Alarm Status Table without affecting others. How can I do this properly?
NOTE: only want the changes for alarm table checkbox.
required design for checkbox
