easylogon-docs/1-Get started/4-Plugin customization.md

Plugin customization

Last update: 13-Dec-21 (View change history)

Table of Contents

• Plugin types
• Custom CSS
• Related links

When everything is up and running, it's time to think about appearance. We provide some tools to customize your widget

Plugin types

There're four basic types of widget which work out of the box:

• Inline (inline) - QR code is placed next to sign in form
• Button (button) - "Sign in with QR code" button which is placed under sign in button
• Inline button (inlineButton) - Small "Sign in with QR code" button which is placed on the right from password field
• Link (link) - Hyperlink which opens QR code in another browser tab

To see how each type of widget acts, go to widget contructor panel

Custom CSS

Since QR code button is injected into your website code, it can be heavily customized with CSS

You can attach new CSS file to your page head and use #ezl-btn selector to apply styling rules to the widget

Example

#ezl-btn
{
	background: gray;
	border: 2px solid red;
	color: white;
	font-family: monospace;
}

For more information about customization and limitations, see Plugin API reference

Related links

• Plugin API reference