Odoo Customize Login Screen
Transform the default login screen into a fully branded, responsive split-screen layout with custom background images, YouTube videos, or pure colors effortlessly.
Key Module Highlights
Odoo Customize Login Screen
Configure Custom Background Images and Theme Overlay Colors
Navigate to the core **Settings** application and select the newly integrated **"Custom Login Screen"** sub-menu tab. Activate the **"Image Configuration"** checkbox option to expand its configuration parameters layer. Here, system administrators can cleanly upload dynamic corporate wallpapers or high-resolution graphics and pick an independent overlay hex color token parameter using Odoo's native inline color widget tool.
Dynamic Rendering Logic: Activating this parameter maps the selected asset to the
login_bg_image storage string variable, allowing the client-side system
controllers to smoothly fetch and project the image binary during the gateway load phase.
Flawless Split-Screen View & Dynamic Variable Theme Projection
Log out or open your system gateway link to view your custom branding environment live. The framework successfully activates a dual-pane canvas gridâprojecting your high-resolution background asset on the left wing and generating your form control data columns on the right panel. Notice how your custom color widget selection injects automatically into input borders, action icons, and database select controls.
CSS Engine Success: The solution injects your selected color parameter into standard
web client tokens (--theme-login-color), instantly unifying buttons hover
responses and links style layout rules without modifying Odoo's native codebase.
Deploy Minimalist Pure Color Fills and Background Schemes
For corporate instances that require clean, minimalist corporate layouts, activate the **"Color Configuration"** parameter option. This fields area lets you pick a solid backend fill color (such as an elegant earth brown tone). The underlying template engine handles this conditional sequence smoothly by reading the fallback priority tree when rendering the canvas grids.
Conditional Rendering Priority: As defined inside your clean XML template lines, the system evaluates configurations in a precise structural order: checking solid colors first, falling back to dynamic video wrappers, and then executing asset image fields automatically.
Verify Minimal Solid Fills inside the Live Front-End Canvas
Refresh your login layout framework to inspect the changes. The dashboard engine bypasses multi-media streams and injects your chosen solid corporate tone directly across the entire left pane screen layout. The right form container retains its adaptive structure, preserving color styling variables across fields grids and button links for a clean login look.
Template Priority Check: Your backend logic handles variable hierarchies accurately.
When solid color parameters are active, the t-if="enable_color_bg" block
securely overrides secondary image templates to output clean layout grids immediately.
Configure Cinematic Background Video Parameters and Embedded Links
To inject high-end cinematic backdrops into your entry page, deselect other modes and activate the **"Video Configuration"** checkbox block. Select **YouTube Video URL** inside the drop-down selector parameters, input your direct video link inside the **URL for Video** data field, and map a separate custom color key (such as an elegant pink tone). Click the primary **Save** control bar button to push settings to your live instances.
Automated Link Parsing Check: Your core XML template contains robust link extractors
that automatically parse incoming URL strings, slice out the unique string identifiers via
url_for_video.split('v=')[-1] loops, and wrap them cleanly inside auto-playing
background frames seamlessly.
Verify Cinematic Looping Videos and Interactive Theme Controls Live
Open your web client landing gateway link to experience the stunning multi-media update. The advanced layout interface establishes an automated iframe frame on the left wingâstreaming your targeted video backdrops smoothly with seamless auto-play, muted audio, and endless looping parameters active. Simultaneously, your custom pink theme token parameter injects natively across buttons, focus fields, and action headers.
Iframe Embedding Success: The dynamic link formatting class successfully parsed the
source string, embedded structural variables natively (autoplay=1&mute=1&loop=1),
and delivered a zero-maintenance high-end streaming canvas without impacting login loading
speeds.
Key Features & Capabilities
Enhance your standard business application gateway with flexible media backdrops and responsive split-screen user branding controls in Odoo.
Split-Screen Workspace
Replaces the default centered login box with a dual-pane canvas, rendering media asset streams on the left and form components safely on the right layout wing.
Custom Image Backdrops
Extracts native data image strings or uploaded corporate wallpapers seamlessly, applying optimized cover properties to present flawless aesthetic backgrounds.
Cinematic Video Loops
Embeds responsive custom background movies instantly. Natively handles standard direct media URL paths as well as embedding continuous automated **YouTube streaming IDs**.
Geometric Color Layouts
Enforces minimal clean design aesthetics by disabling active multi-media components and injecting sharp, solid color palettes across the background fields.
Dynamic Theme Control
Binds custom color strings to active web client tokens (:root CSS selectors),
changing input borders, buttons, and hyperlinks colors dynamically.
Adaptive Grid Injectors
Captures external OAuth provider blocks and link objects via embedded client-side routines, beautifully re-styling grid rows and flex alignments automatically.
Need Any Help?
Installation, Configuration & Bug Fixing support from our experts.
© 2017 SprintERP Technologies. All Rights Reserved.
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Discuss (mail)
• Invoicing (account) • Sales (sale_management) |
| Lines of code | 356 |
| Technical Name |
se_custom_odoo_login_screen |
| License | LGPL-3 |
| Website | https://sprinterp.com |
Please log in to comment on this module