Alert

Status Alerts

height: 24px;

width: 1022px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 24px;

width: 1022px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 24px;

width: 1022px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 24px;

width: 1022px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 24px;

width: 1022px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Dialog

Dialog Alerts

height: 203px;

width: 374px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 212px;

width: 502px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Complex Dialog 

height: 482px;

width: 572px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 373.15093994141px;

width: 696px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Notification

Simple notifications

height: 111px;

width: 379px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 85px;

width: 404px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Stacked notifications & notifications with CTA

height: 315px;

width: 490px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 177px;

width: 374px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Progress notifications

height: 256px;

width: 368px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 96px;

width: 368px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Login Screen

Tooltip

Tooltip with the pointer in different directions 

height: 36px;

width: 104px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 36px;

width: 104px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 30px;

width: 110px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

height: 30px;

width: 110px;

border-radius: TBD;

border: TBD;

background: TBD;

opacity: 1;

color: TBD;

Questions? Drop us a line
© Copyright 2021 Micro Focus or one of its affiliates