Hybrid View

  1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    12
    Answers
    1
    Vote Rating
    0
    PercyJackson is on a distinguished road

      0  

    Default Unanswered: How to display minimize.. buttons in Ext.Window without the use of css

    Unanswered: How to display minimize.. buttons in Ext.Window without the use of css


    How to display minimize,maximize,restore and close buttons in Ext.Window without the use of css. In Ext.Window initTools : function(){ if(this.minimizable){
    this.addTool({
    id: 'minimize',
    handler: this.minimize.createDelegate(this, [])
    });
    }
    if(this.maximizable){
    this.addTool({
    id: 'maximize',
    handler: this.maximize.createDelegate(this, [])
    });
    this.addTool({
    id: 'restore',
    handler: this.restore.createDelegate(this, []),
    hidden:true
    });
    }
    if(this.closable){
    this.addTool({
    id: 'close',
    handler: this[this.closeAction].createDelegate(this, [])
    });
    }
    },

    here the buttons are displayed based on css classes on the respective ids. but How to display these buttons without using css.
    This is required as i am trying to make it 508 compliant. That is , buttons viewable when css are disabled.

  2. #2
    Sencha User
    Join Date
    May 2011
    Location
    Ukraine, Rivne
    Posts
    250
    Answers
    44
    Vote Rating
    42
    redraid has a spectacular aura about redraid has a spectacular aura about redraid has a spectacular aura about

      0  

    Default


    http://docs.sencha.com/ext-js/4-1/#!/api/Ext.window.Window-cfg-maximizable
    http://docs.sencha.com/ext-js/4-1/#!...fg-maximizable
    PHP Code:
    Ext.onReady(function(){
        
    Ext.create('Ext.window.Window', {
            
    height300,
            
    width300,
            
    minimizabletrue,
            
    maximizabletrue,
            
    title'Test Minimize',
            
    listeners: {
                
    "minimize": function( windowopts ) {
                    
    window.collapse();
                    
    window.setWidth150 );
                    
    window.alignToExt.getBody(), 'bl-bl')
                }                 
            },
            
    tools: [
                {  
                    
    type'restore',
                    
    handler: function( evt,toolEl,owner,tool ) {
                        var 
    window owner.up'window' );
                        
    window.setWidth300 );   
                        
    window.expand('',false);
                        
    window.center(); 
                    }                                
                }                            
            ]
                        
        }).
    show()
    });
    ‚Äč 

  3. #3
    Sencha User
    Join Date
    Jan 2012
    Posts
    12
    Answers
    1
    Vote Rating
    0
    PercyJackson is on a distinguished road

      0  

    Default Is there any way to make it work when css is disabled?

    Is there any way to make it work when css is disabled?


    Hi,
    Thank you, for the reply.
    How would the page work when css are disabled in the browser?
    How to display close,minimize,restore buttons viewable when css is disabled.
    In IE, internet options --> accessibility --> check firsh 3 check boxes and apply.

  4. #4
    Sencha User
    Join Date
    May 2011
    Location
    Ukraine, Rivne
    Posts
    250
    Answers
    44
    Vote Rating
    42
    redraid has a spectacular aura about redraid has a spectacular aura about redraid has a spectacular aura about

      0  

  5. #5
    Sencha User
    Join Date
    Jan 2012
    Posts
    12
    Answers
    1
    Vote Rating
    0
    PercyJackson is on a distinguished road

      0  

    Default


    when you de select the css class then it does not display

Thread Participants: 1

Tags for this Thread