goog.demos.control.html Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of google-closure-library

The Google Closure Library is a collection of JavaScript code designed for use with the Google Closure JavaScript Compiler. This non-official distribution was prepared by the ClojureScript team at http://clojure.org/

There is a newer version: 0.0-20230227-c7c0a541

Show newest version





  goog.ui.Control Demo
  
  
  
  


  goog.ui.Control
  
    
      
        
          
          
            This control was created programmatically: 
            
            

            This control dispatches ENTER, LEAVE, and ACTION events on
            mouseover, mouseout, and mouseup, respectively.  It supports
            keyboard focus.
          
          

          
            This was created by decorating a SPAN: 
            
              Decorated Example
            
            

            
              You need to enable this component first.
            
            

            

            This control is configured to dispatch state transition events in
            addition to ENTER, LEAVE, and ACTION.  It also supports keyboard
            focus.  Watch the event log as you interact with this component.
            

            

            
              Click here to toggle the component's enabled status: 
              
            
            

            
              Click here to toggle the component's visiblity: 
              
            
          
          

          Custom Renderers
          
            
              This control was created using a custom renderer: 
            
            
          
          

          
            
              This was created by decorating a DIV via a custom renderer: 
            
            
              
                 
              
              
                Insert Picture
              
            
          
          

          Extra CSS Styling
          
            
              These controls have extra CSS classes applied: 
            
            
            
            

            Use the addClassName API to add additional CSS class names
            to controls, before or after they're rendered or decorated.
          
          

          Right-to-Left Rendering
          
            
              These controls are rendered right-to-left: 
            
            These right-to-left controls were progammatically created:
            
            These right-to-left controls were decorated:
            
              
                Hello, world
              

                Sample control
              
            
            
              On pre-FF3 Gecko, margin-left and margin-right are
              ignored, so controls render right next to each other.
              A workaround is to include some &nbsp;s in between
              controls.
            
          
        
        
          
          
            Event Log
            
          
          

          
            The control with the
            orange outline
            has keyboard focus.