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
    92
    Vote Rating
    1
      0  

    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 - Support Team
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,829
    Vote Rating
    291
      0  

    Default

    Thanks for sharing your fixes with the community!

    Lifecycle management for your web apps

Similar Threads

  1. Replies: 0
    Last Post: 10 Feb 2017, 2:42 AM
  2. ToggleButton Material Design Extjs
    By Fjmora-Csm in forum Ext:User Extensions and Plugins
    Replies: 1
    Last Post: 8 Feb 2017, 2:37 PM
  3. Google Material Design theme
    By dandvd in forum Ext 5: Q&A
    Replies: 43
    Last Post: 5 Jun 2016, 10:28 PM
  4. material design
    By memahdi in forum Ext 6: 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
  •