Page 4 of 4 FirstFirst ... 234
Results 31 to 35 of 35

Thread: Toolbar button style

  1. #31
    Ext JS Premium Member
    Join Date
    Feb 2008
    Posts
    17

    Default

    in ExtJS 3.4.0 i used this:

    bbar: {
    toolbarCls: 'x-toolbar-ct',
    cls: 'x-toolbar-ct-blue',
    items: [ .... ]
    }

    .x-toolbar-ct-blue {
    border-left:1px solid #99BBE8;
    border-right:1px solid #99BBE8;
    border-bottom:1px solid #99BBE8;
    background-color:#D0DEF0;
    background-image:url("../images/default/toolbar/bg.gif");
    padding:2px;
    }

    .x-toolbar-ct-gray {
    border-left:1px solid #99BBE8;
    border-right:1px solid #99BBE8;
    border-bottom:1px solid #99BBE8;
    background-color:#EBECEE;
    /*background-image:url("../images/default/grid/grid3-hrow.gif");*/
    padding:2px;
    }
    .x-toolbar-ct-gray td {
    padding-right:2px;
    }
    .x-toolbar-ct-blue td {
    padding-right:2px;
    }

  2. #32
    Sencha User
    Join Date
    Oct 2013
    Posts
    11

    Default

    Hi,
    I m New to extjs..... I can display data from db....but my requirement is I have to pass some parameters using Ajax request....
    Based on the values of parameters queries should execute and servlet should return a json object.... Now I can return
    Json object to script file....but can't able to display it.... Here I retrieving data after a button click.....pls help me....


    Thanks in advance....

  3. #33

    Default

    Trying to revive this old thread for a small extension.
    This answer definitely helps to give the default form appearance to the toolbar button.
    However, how do i get this button to display the default mouseover behavious.
    It seems to remain stuck with the css class above.

  4. #34

    Default

    Quote Originally Posted by IUnknown74 View Post
    Trying to revive this old thread for a small extension. This answer definitely helps to give the default form appearance to the toolbar button. However, how do i get this button to display the default mouseover behavious. It seems to remain stuck with the css class above.
    You can use this code snippet:
    Code:
     {     xtype: 'button',      text: 'Button',     listeners: {         render: function() {             this.ui = 'default-small';         }     } }
    Works for me.

  5. #35
    Ext JS Premium Member
    Join Date
    Mar 2007
    Location
    France
    Posts
    224

    Default

    Ok, it seems that this works :
    PHP Code:
    listeners: {
       
    beforerender: function() {
          
    this.ui "default-small";
       }

    Or in coffee :
    PHP Code:
    listeners:
       
    beforerender: -> @ui "default-small" 
    Christophe Badoit
    aka Tof

Page 4 of 4 FirstFirst ... 234

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •