PDA

View Full Version : Using Anchor for layout but can't get images to go to right place with x & y



macdoug1
5 Nov 2012, 6:15 AM
Here is some sample code:



items:[{
x: 350,
y: 45,
xtype:'imagecomponent',
width:'24%',
autoEl:{
tag:'img',
src:'./images/securedownload-11.png',
height:118
},
listeners:{
render: function(b){
b.getEl().on('click', function(y) {
addTabTwo(true);
},b);
}
}
}


the layout on this is in the main app.js file.



items:[{
title:'Welcome',

layout:'absolute',
items:[{
xtype:'welcomepage'
}]
}]


Can someone tell me or give me some idea why the images won't go in their x & y coordinates?

macdoug1
5 Nov 2012, 6:38 AM
I found that if I added another items to the first code set from above that it will move it over but then it wants to appear with a panel or box around it, which is causing problems because the line is visible. I tried using frame:false but that doesn't seem to make it disappear.

Again any help here would be appreciated.
Thanks



items:[{ x: 350,
y: 45,

frame:false,
items:{


xtype:'imagecomponent',
width:'24%',
autoEl:{
tag:'img',
src:'./images/securedownload-11.png',
height:118
},
listeners:{
render: function(b){
b.getEl().on('click', function(y) {
addTabTwo(true);
},b);
}
}
}
}

macdoug1
5 Nov 2012, 11:21 AM
I'm really lost as to why I can't get the image to appear anchored on the page without a frame around it?