Divisore layout
Componente di layout ridimensionabile con divisori trascinabili per creare pannelli regolabili. Supporta direzione orizzontale e verticale, vincoli di dimensione e persistenza opzionale con localStorage.
Anteprima e Codice
_layout_splitter.html.erb
███
██████ ████████ █████████ █████████
█ █████████ ██████ █████████ ████ █████████ ████████ ███ ████████ ██████████ █████ ████████
██████
██████████ ██████████
███ ██████ ██████████████████████████████████ ███████ █
█ ████████ █████ █████ ████████ ██
█ ████████ ██████ █████ ████████ █
layout_splitter_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ █████████
██████ ██████ █ █
██████████ █ █████ ███████ ████████ ████████████ ██
███████ █ █████ ███████ ████████ █████████ ██
████████ █ █████ ████████ ████████ █████ ██
███████████ █ █████ ███████ ████████ ██ ██
████████ █ █████ ███████ ████████ ██ ██
layout_splitter_component.html.erb
████ ██████████ █████████████████ ███ ███ ███████████████████ █ ███ ██ ████████████████████ ████████ ████████████ ███
██ ██████████████████████ ██ ███████ ██████ ██
███ █████ ██
████ ██████████ █████████████ ███ ████████████████████████████████████
███ █████ ██
██████
███ ██████ ████████ ███████ ███ █████ █████ ██
██ ██ █████ █ ███████████ █ █ ██
████ ██████████ ██████████████ ███
layout_splitter_component.rb
█ ██████████████████████ ████
█████ ███████████████████████ █ ███████████████████
████████████ ████████ █████████████ █
█████████████████████████████████████████████
█
███ ███████████
██████████ ████████████
███████ █████████
layout_splitter_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ █████████
██████ ██████ █ █
██████████ █ █████ ███████ ████████ ████████████ ██
███████ █ █████ ███████ ████████ █████████ ██
████████ █ █████ ████████ ████████ █████ ██
███████████ █ █████ ███████ ████████ ██ ██
████████ █ █████ ███████ ████████ ██ ██
Registro delle modifiche
- v1.0.0: Initial release with horizontal/vertical layouts, size constraints, and persistence
Ottieni l'Accesso Completo
Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.
Ottieni l'Accesso Ora