hi,
i want to open a overlay with pdf file on the button click.
i'm able to do it but seach option is not working seems.
please help me on this issue.
my code is:
for overlay:
Code:
Ext.define('InfoImage.common.view.actionItems.HelpOverlay', {
extend:'Ext.form.Panel',
require:[
'Ext.TitleBar',
'Ext.Button'
],
xtype:'helpOverlay',
id:'helpOverlay',
config:{
xtype:'panel',
layout:'fit',
left:100,
top:50,
modal:true,
hideOnMaskTap:true,
scrollable:true,
showAnimation:{
type:'slide',
direction:'down',
duration:250,
easing:'ease-out'
},
hideAnimation:{
type:'slide',
direction:'up',
duration:250,
easing:'ease-out',
out:true
},
width:900,
height:750,
centered:true,
style:'background-color:rgba(0,140,153,0.2)',
items:[
{
xtype:'toolbar',
ui:'dark',
docked:'top',
title:'Help',
defaults:{
ui:'normal',
iconMask:true
},
items:[
{xtype:'spacer'},
//Button to close the help overlay
{
xtype:'button',
iconCls:'delete2',
handler:function () {
Ext.getCmp('helpOverlay').hide();
}
}
]
},
//html to open the pdf file in the overlay
{
html:'<div id="scroller" style="height:99%; width: 99%;' +
' overflow: auto;">' +
'<iframe width="99%" height="99%" ' +
'src="resources/pdfFiles/InfoImage_Mobility_Help.pdf">' +
'</iframe></div>'
}
]
}
});
on button click code:
Code:
onHelpTap:function () {
if (!this.helpOverlay) {
this.helpOverlay = Ext.Viewport.add({
xtype:'helpOverlay'
});
}
this.helpOverlay.show();
},
please help me on this issue....