Authing DocsDocuments
Concept
workflow
Guides
Development Integration
Application integration
Concept
workflow
Guides
Development Integration
Application integration
Old Version
Guides
  • Quick start

  • Authenticate the user

  • Authority management for users

  • Authorization

  • Manage user accounts

  • Manage User Directory

  • Management Application

    • Create Application
    • Configure login and registration method
    • Add registration agreement
    • Customize login box style
    • Security management
    • Become a source of federal authentication identity
    • Enable multi-factor authentication
    • Sub-account management
    • Implement single sign-on between applications
    • Manage user login status
  • Become a source of federal authentication identity

  • Connect to an external identity provider (IdP)

  • Open up WeChat ecology
  • Migrate users to Authing

  • Management organization

  • Expandable capabilities

  • Audit Log

  • Configure security information

  • Configure user pool information

  • Deployment plan

  • Frequently Asked Questions FAQs

  1. Guides
  2. /
  3. Management Application
  4. /
  5. Customize login box style

¶ Customize Login UI

Update Time: 2025-05-14 08:32:28
Edit

Authing provides several customization options. You will find it in Applications -> click your application -> Register and Login Custom Style

¶ Configurable Item

¶ Hide Thrid party Identity Provider

Third party Identity Provider Login button will not show up in Login UI.

¶ Hide Social Registration/Login

Social Registration/Login button will not show up in Login UI.

¶ Combine Registration and Login

Once user enter username that does not exist in User Pool. Authing will create an account and login. User will receive account information from Authing. Auto Register

¶ Hide Forgot Password

Forgot Password button will not show up in Login UI

¶ Customize Login UI

Authing allow developer to modify Login UI by changing CSS file. Eg: change background color.

.authing-guard-layout {
  background: gray;
}

Custom CSS

Note: You can check CSS class by Chrome Developer Tool. We have labeled out dom which can be customized.

Custom CSS

Prev: Add registration agreement Next: Security management
  • Configurable Item

User identity management

Integrated third-party login
Mobile phone number flash check (opens new window)
Universal login form component
Custom authentication process

Enterprise internal management

Single Sign On
Multi-factor Authentication
Authority Management

Developers

Development Document
Framework Integration
Blog (opens new window)
GitHub (opens new window)
Community User Center (opens new window)

Company

400 888 2106
sales@authing.cn
16 / F, Block B, NORTH STAR CENTURY CENTER, Beijing(Total)
room 406, 4th floor, zone B, building 1, No. 200, Tianfu Fifth Street, Chengdu(branch)

Beijing ICP No.19051205-1

© Beijing Steamory Technology Co.