META-INF.resources.bower_components.angular-pretty-checkable.demo.index.html Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of jwebmp-angular-pretty-checkboxes Show documentation
The JWebSwing implementation for Angular Pretty Checkboxes
The newest version!


  
    Angular Pretty Checkable
    
    
    
    
    
    
  
  
    
      
        Angular Pretty Checkable Demo
      
      
        
          This is the demo of Angular Pretty Checkable. A pretty checkable directive based on jQuery Pretty Checkable.
          


          View source on this page to see the various options available (also available in the github repo).
          


          For more information and full documents see Github
   
        
      
      
        
          
            Checkboxes
            
            
            
            
            
            
            


            Values: {{myModel.one}}, {{myModel.two}}, {{myModel.three}}, {{myModel.four}}, {{myModel.five}}
          
        
        
          
            Checkboxes (custom values)
            
            
            
            


            Values: {{myModel.yahoo}}, {{myModel.wahoo}}, {{myModel.tahoo}}
          
        
        
          
            Radios
            
            
            
            
            


            Value: {{myModel.radio}}
          
        
      
      
        
          
            Radios in ngRepeat
            
            


            Value: {{myModel.radios}}
          
        
        
          
            Dynamic disabling
            
            
            
            


            
            {{disableChecks ? 'disabled' : 'enabled'}}
              
        
        
          
            Multiple checkbox
            3 checkboxes. 1 model.
            
            
            
            


            Value: {{multiTest}}
              
                
      
      
        
          
            Check / radio with Label Left
            
            
              
        
        
          
            Custom HTML labels
            this is my label with html
            this is my other label with html
            this is my third label with html            
            
            


            Values: {{myModel.html1}}, {{myModel.html2}}
            
              
        
          
            ng-required
            
                
            
            


            Value: {{myModel.terms}}

            Form Valid: {{termsForm.$valid}}

            Field Pristine: {{termsForm.tcheck.$pristine}}

            Field Valid: {{termsForm.tcheck.$valid}}
           
        
      
      
        Custom sprite sheet
        
          
            Checkboxes
            
            
            
            
            
            
            


            Values: {{myModel.one}}, {{myModel.two}}, {{myModel.three}}, {{myModel.four}}, {{myModel.five}}
          
        
        
          
            Checkboxes (custom values)
            
            
            
            


            Values: {{myModel.yahoo}}, {{myModel.wahoo}}, {{myModel.tahoo}}
          
        
        
          
            Radios
            
            
            
            
            


            Value: {{myModel.radio}}