Page History

...

#topBar {
    background-color: red
}

#leftBarView{
	visibility: hidden
}

Example

...

: Hide the

...

Mouse option for biometric signatures

Please note that both elements were a "div" element before version 21.16. With version 21.16 and the versions afterwards  both elements were changed to a "button" element.

...

div[title='Mouse'] {
    visibility: hidden;
}

div[title='SignOnPhone'] {
    visibility: hidden;
}

With 21.16 and the versions afterwards see the following configuration for hiding mouse and SignOnPhone

button[data-id='SignOnPhone'] {
    visibility: hidden;
}

button[data-id='Mouse'] {
    visibility: hidden;
}

Result of both actions:

Image Removed

Without those configuration the following settings will be visible:

...

Example: Hide the SignOnOhone option for biometric signatures

Note: the dialog itself, its buttons and the descriptive text of the dialog remain visible. Other than when using the instance-wide custom.css, you cannot replace the text shown on top. Only in an instance-wide custom.css you can replace this text.

Before the version 21.16 please see the following configuration for hiding mouse and SignOnPhone

div[title='SignOnPhone'] {
    visibility: hidden;
}

#sopProtocolLink{
visibility:hidden;
}

.inSigningProgress{
visibility:hidden;
}

#qrcodeImage > canvas{
  visibility:hidden;
  display: none;
}

With 21.16 and the versions afterwards see the following configuration for hiding mouse and SignOnPhone

button[data-id='SignOnPhone'] {
    visibility: hidden;
}

#sopProtocolLink{
visibility:hidden;
}

.inSigningProgress{
visibility:hidden;
}

#qrcodeImage > canvas{
  visibility:hidden;
  display: none;
}

If you removed both Mouse and SignOnPhone, the device selection looks like:

Image Added

Without those configuration the following settings will be visible:

Image Added

For an instance-wide custom.css (not within Customization.zip) you could change the descriptive text above/instead the QR code image with following CSS definition:

#sopMainPanel:after{
content: 'Attention: The sender defined to record a biometric (handwritten) signature. This requires to install the Device Driver.';
}

Example: Change Default Color and Logo

...