Results 1 to 2 of 2

Thread: Ext.js 6.5 Modern Material Design Snippets

  1. #1
    Sencha Premium Member
    Join Date
    Feb 2012
    Posts
    94

    Default Ext.js 6.5 Modern Material Design Snippets

    Hi,
    hope this might be useful for some others - possibly not the best way of doing things however seems to work

    see attached PDF.material design UI egs.pdf

    left align title - material design standard support

    // component
    { xtype: 'toolbar',
    docked: 'top',
    cls: 'toptb'
    }
    // style sheet
    .toptb .x-center {
    justify-content: left !important;
    margin-left: 28px !important;
    }

    'add' button to list

    // add button on tab bar
    {
    xtype: 'button',
    cls: 'addbtn',
    iconCls: 'x-md md-icon-add-circle',
    listeners:
    {
    tap: 'onAddAThing'
    }
    },
    {
    xtype: 'tabpanel',
    ..
    }

    // style
    .addbtn {
    margin-top: 311px; // will depend on your layout
    z-index: 50000;
    position: absolute;
    }

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    Thanks for sharing your fixes with the community!

Similar Threads

  1. Google Material Design theme
    By dandvd in forum Ext 5: Q&A
    Replies: 44
    Last Post: 21 Sep 2017, 12:56 AM
  2. [6.2 Modern-Material] Treelist-Selection not highlighted
    By jlaurentf in forum Ext JS 6.x Q&A
    Replies: 0
    Last Post: 10 Feb 2017, 2:42 AM
  3. ToggleButton Material Design Extjs
    By Fjmora-Csm in forum Ext:User Extensions and Plugins
    Replies: 1
    Last Post: 8 Feb 2017, 2:37 PM
  4. material design
    By memahdi in forum Ext JS 6.x Q&A
    Replies: 4
    Last Post: 1 Jun 2016, 10:19 AM

Posting Permissions

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