SOURCE CODE: Uize.Widget.Button.Toggle

  
  
  
  
  
  
  







  
  UIZE JavaScript Framework



  

    JAVASCRIPT EXAMPLES
    Uize.Widget.Button.Toggle
    

      
SOURCE
    
  

  

  

  

  

    

      

        Setting value
        

          

            toggleButton.set ({value:'normalView'})
             | 
            toggleButton.set ({value:'zoomView'})
             | 
            toggleButton.toggleButton ()
             | 
            toggleButton.set ({value:'BOGUS'})
          
        
      
      

        Setting template for button text
        

          

            toggleButton.set ({textTemplate:'Select [#displayName]'})
             | 
            toggleButton.set ({textTemplate:'Switch to [#displayName]'})
          
        
      
      

        Setting template for title
        

          

            toggleButton.set ({titleTemplate:'Now on: [#displayName]'})
             | 
            toggleButton.set ({titleTemplate:'Currently [#displayName]'})
          
        
      
      

        text and tooltip reflect state after toggle
        

          
toggleButton.set ({textShowNext:true,textTemplate:'Switch to [#displayName]',titleShowNext:true,titleTemplate:'[#description]'})
        
      
      

        text shows current state, but tooltip shows state after toggle
        

          
toggleButton.set ({textShowNext:false,textTemplate:'[#displayName]',titleShowNext:true,titleTemplate:'Click to switch to [#displayName]'})
        
      
      

        text shows state after toggle, but tooltip shows current state
        

          
toggleButton.set ({textShowNext:true,textTemplate:'Switch to [#displayName]',titleShowNext:false,titleTemplate:'Currently on [#displayName]'})
        
      
      

        Current state: