Overlay red border and popup can able to customize

Ignition
,
1

image
image542×360 26.8 KB

If possible to customize the overlay red color border and popup. i have above 250 tags and components.
or global control overlay option is there

2

if anybody know about this.

3

I'm not sure why you would want to customize those, as they exist to indicate a potential problem, and are not something you would want the end user to ever see. You can suppress them using "Overlay Opt-out" if you know that the cause is not an issue of concern.

4

This UI piece is not directly exposed within the Designer. As with everything else, you can apply your own styling to this piece with settings applied within the Gateway-wide theming files, or project specific stylesheet.css resource.

5

I usually throw something like this in my theme to make those errors not as intrusive by only keeping the dot and adding a transition delay. Makes the UI a lot cleaner IMO.

.ia_qualityOverlay__icon--error {
	visibility: hidden;
	animation: iaOutlineShow 0s linear forwards;
	animation-delay: 2s;
}

.micro-icon-container {
    visibility: hidden;
	animation: iaOutlineShow 0s linear forwards;
	animation-delay: 2s;
}

@keyframes iaOutlineShow {
	to {
		visibility: visible;
	}
}
.ia_qualityOverlay--error{
    border-color: #00000000 !important;
}

.ia_qualityOverlay__footer--error {
	background-color: #00000000;
	color: #00000000;
}