Style Guide Unibo Controls

In questa pagina ci sono i componenti custom relativi ai controlli e azioni sviluppati ed utilizzati esclusivamente per applicazioni unibo.

Wizard

Elemento Wizard.

Ci sono due versioni di questo elemento:

Wizard verticale
Wizard orizzontale

SCSS da includere: u_wizard.scss

Classe da utilizzare: u-wizard-path

Wizard verticale

            
                         		                    
                  
                    Presentazione del servizio
                    
                  
                  
                    Informazioni generali sull'evento
                    
                  
                  
                    Informazioni amministrative
                    
                  
                  
                    Servizi a richiesta
                    
                  
                  
                    Stato della richiesta

Presentazione del servizio
Informazioni generali sull'evento
Informazioni amministrative
Servizi a richiesta
Stato della richiesta

Wizard Orizzontale

            
                       		                   
                
                  Presentazione del servizio
                  
                
                
                  Informazioni generali sull'evento
                  
                
                
                  Informazioni amministrative
                  
                
                
                  Servizi a richiesta
                  
                
                
                  Stato della richiesta

Presentazione del servizio
Informazioni generali sull'evento
Informazioni amministrative
Servizi a richiesta
Stato della richiesta

Menu azioni per elementi singoli che necessitano di un pulsante azioni sull'elemento.

SCSS da includere: u_menu.scss

Classe da utilizzare: u-menu-tools

SSO button

Questo è il pulsante di SSO da utilizzare per fare login al sistema di Single Sign-On di Ateneo.
E' possibile utilizzare tutti gli stili adottati per gli altri pulsanti, cioè: tiny, small, large, expanded.

SCSS da includere: u_button.scss

Classe da utilizzare: sso

Box apri e chiudi che utilizza il dropdown di Foundation.

SCSS da includere: u_dropdown.scss

Classe da utilizzare: u-dropdown

              
                
                    
                        
                            Scopri come fare: Registrazione della richiesta
                        
                
                        
                            
                            
                        
                    
                
                    
                        
                            
                                
                            
                        
                    
                
                
                
                    
                
                        
                            Credibly promote covalent
                        
                
                        
                            
                            
                        
                    
                
                    
                        
                            
                                    Quickly cultivate transparent paradigms before goal-oriented innovation. Credibly promote covalent intellectual capital after competitive technology. Uniquely productize sustainable partnerships via goal-oriented web services. Objectively provide access to standardized manufactured products through client-based materials. Dramatically orchestrate compelling users via long-term high-impact e-business.

Questionario

Elemento utilizzabile per inserire un questionario che prevede la possibilità di esprimere una preferenza o valori diversi.
Sono utilizzati elementi radio button per selezionare i diversi elementi.

E' possibile inserire un'etichetta di descrizione sotto le diverse voci <span class="legend-label show-for-sr">.

SCSS da includere: u_survey.scss

Classe da utilizzare: u-survey

              
                
                    
                        
                            
                                
                                    Titolo delle domande
                                      
                            
                            
                                
                                    Completamente in disaccordo
                                    
                                    
                                    Completamente d'accordo
                                
                            
                        
                
                    
                    
                        
                            
                                
                                    
                                        1. Assertively disseminate technically sound vortals after web-enabled infrastructures. 
                                        Completely impact multifunctional core competencies rather than flexible quality vectors?
                                    
                                
                            
                            
                                
                                    
                                        
                                        
                                            1
                                            Completamente in disaccordo
                                        
                                    
                                    
                                        
                                        
                                            2
                                            Più no che sì
                                        
                                    
                                    
                                        
                                        
                                            3
                                            Indifferente
                                        
                                    
                                    
                                        
                                        
                                            4
                                            Più si che no
                                        
                                    
                                    
                                        
                                        
                                            5
                                            Completamente d'accordo
                                        
                                    
                                
                
                            
                        
                    
                    
                        
                            
                                
                                    
                                        2. Proactively coordinate magnetic convergence vis-a-vis client-focused ROI. Completely syndicate leveraged.
                                    
                                
                            
                            
                                
                                    
                                        
                                        
                                            1
                                            Completamente in disaccordo
                                        
                                    
                                    
                                        
                                        
                                            2
                                            Più no che sì
                                        
                                    
                                    
                                        
                                        
                                            3
                                            Indifferente
                                        
                                    
                                    
                                        
                                        
                                            4
                                            Più si che no
                                        
                                    
                                    
                                        
                                        
                                            5
                                            Completamente d'accordo
                                        
                                    
                                
                
                            
                        
                    
                    
                        
                            
                            
                            
                                
                                    Completamente in disaccordo
                                    
                
                                    Completamente d'accordo

Style Guide Unibo Controls

In questa pagina ci sono i componenti custom relativi ai controlli e azioni sviluppati ed utilizzati esclusivamente per applicazioni unibo.

Wizard

Wizard verticale

Wizard Orizzontale

Menu azioni

SSO button

Dropdown

Scopri come fare: Registrazione della richiesta

Credibly promote covalent

Scopri come fare: Registrazione della richiesta

Credibly promote covalent

Questionario

Titolo delle domande

Titolo delle domande