Results 1 to 2 of 2

Thread: Text on a panel tools item

  1. #1
    Sencha Premium Member
    Join Date
    Jan 2013
    Location
    London
    Posts
    84

    Default Text on a panel tools item

    Hi

    Using 6.2 Modern Framework ...

    I'm trying to create a panel with a button + text header using tools property of the panel. Although I cannot see how to add text.

    So using panel / tools with something like;

    tools: [
    {
    xtype: 'paneltool',
    docked: 'right',
    iconCls: 'x-fa fa-user'
    }]

    Gives this;

    icon-no-text.png

    Where as using a titlebar I can do;

    xtype: 'titlebar',
    docked: 'top',
    title: 'This Panel',
    titleAlign: 'left',
    items: [
    {
    xtype: 'button',
    align: 'right',
    iconAlign: 'right',
    iconCls: 'x-fa fa-user',
    text: 'Profile'
    }]


    Gives this;

    icon-text.png


    Using titlebar seems like using an extra component to re-do what's already available as panel tools.


    So question is; how can I add text to the panel tools style button?

    Cheers

    Mark

  2. #2
    Sencha Premium User
    Join Date
    Jun 2011
    Location
    Perth, Western Australia
    Posts
    182
    Answers
    10

    Default

    Looks like paneltool is specifically designed for a set of 25 predefined icons.
    There's no text property
    The docs say >> This class is used to display small visual icons in the header of a panel. There are a set of 25 icons that can be specified by using the type config.
    http://docs.sencha.com/extjs/6.2.0/modern/Ext.panel.Tool.htm

Similar Threads

  1. How to dynamically add / remove panel tools item ?
    By deathgod86 in forum Ext: Q&A
    Replies: 2
    Last Post: 5 Feb 2014, 8:57 PM
  2. How do I set the badge text of a tab panel item dynamically?
    By aysencha in forum Sencha Touch 2.x: Q&A
    Replies: 4
    Last Post: 7 Oct 2013, 2:54 AM
  3. Replies: 2
    Last Post: 17 May 2012, 2:02 AM
  4. Replies: 0
    Last Post: 22 Jul 2011, 11:17 PM

Tags for this Thread

Posting Permissions

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