how arrive email function with tabpanel option?

[gizmoone]

hello,
How to activate direction the email since the icon of a tabpanel.


example while clicking on the icon I arrive direction on the function email of the iphone or ipad with the subject and the body already full meadow

i arrive with :

Ext.define('proto.view.Main', {    extend: 'Ext.TabPanel',
    requires: [
        'proto.view.Home',
        'proto.view.More',
		'proto.view.Fonction'
    ],


    config: {
        tabBar: {
            docked: 'bottom',
            layout: {
                pack: 'center'
            }
        },
        items: [
            { xtype: 'homecard' },
            { xtype: 'contact' },
			{ xtype: 'mainpanel'}
			
        ]
    }
});

Ext.define('proto.view.Home', {    extend: 'Ext.TabPanel',
    xtype: 'homecard',


    config: {
        iconCls: 'home',
        title: 'home',
        defaults: {
            styleHtmlContent: true
        },
        items: [{
            title: 'TabPanels',
            scrollable: 'vertical',
            html: '<p><a href="mailtomyemail@gmail.com?subject=test_me&body=simple_text">email</a>.</p>'
        },{
            title: 'Toolbars',
            scrollable: 'vertical',
            html: '<p>Toolbars can be used as a title bar or as a container for buttons, or you can mix and match both of these functions.</p>'
        }]
    }
});

but i don't display a html sheet before

thanks

[gizmoone]

Does no one have an idea for this point?
For I see often this kind of action in the movable applications.


The one of has you t it already used this action kind for I do not see the function sencha touch for that.


Thank you

[mitchellsimoens]

Try having the colon after the mailto in the anchor tag

[gizmoone]

I tried these cases but unsuccessfully,

Ext.define('proto.view.Main', {    extend: 'Ext.TabPanel',
    requires: [
        'proto.view.Home',
        'proto.view.More',
        'proto.view.Fonction'
    ],


    config: {
        tabBar: {
            docked: 'bottom',
            layout: {
                pack: 'center'
            }
        },
        items: [
            { xtype: 'homecard' },
            { xtype: 'morecard' },
       { xtype: 'mainpanel'},
       { title: 'email', html: 'mailto:contact@mysite.com',iconCls: 'home'  },
       { title: 'email', html: 'contact@mysite.com',iconCls: 'home'  },
       { title: 'email', mailto: 'contact@mysite.com',iconCls: 'home'  }
            
        ]
    }
});

i don't search <a href="mailto:contact@mysite.com?subject..">email</a>.