Hi, may i ask if images can be displayed in FullScreenView? If yes, I have some problem in displaying the image. My codes are below,
CODE
var BasicPlayerView = new KONtx.Class({
ClassName: 'BasicPlayerView',
Extends: KONtx.system.FullscreenView,
initView: function() {
},
createView: function() {
var self = this;
this.controls.previous = new KONtx.control.TextButton({
label: "Previous",
wrap: true,
styles: {
width: 220,
height: 40,
textAlign: "center",
hOffset: 720,
vOffset: 100
}, //Style information for the Button stored in our 960x540.js file
events: {
//Setup a onSelect Event to handle the button action
onSelect:function(event){
KONtx.application.loadView('fullView-Video');
}
},
textStyles: {
fontSize: '15px',
color: 'white',
hAlign: 'center',
vAlign: 'center'
}
}).appendTo(this);
this.controls.next = new KONtx.control.TextButton({
label: "Next",
wrap: true,
styles: {
width: 220,
height: 40,
textAlign: "center",
hOffset: 720,
vOffset: 60
}, //Style information for the Button stored in our 960x540.js file
events: {
//Setup a onSelect Event to handle the button action
onSelect:function(event){
KONtx.application.loadView('fullView-Video');
}
},
textStyles: {
fontSize: '15px',
color: 'white',
hAlign: 'center',
vAlign: 'center'
}
}).appendTo(this);
this.controls.item1 = new KONtx.element.Grid({
rows: 1, //Number of Rows in the Grid link
columns: 1, //Number or Colums in the Grid
guid: "item_grid",
cellCreator: this.cell_Creator, //Setup the function to layout the template for each Grid Cell
cellUpdater: this.cell_Updater, //Setup the function to handle updating the items created in the cellCreator Function
styles: {
backgroundColor: '#96b4e4',
width: 700,
height: 550,
hOffset: 2
}
}).appendTo(this);
},
cell_Creator: function() {
//We need to setup a "Cell" to be created insode the Grid
var gridcell = new KONtx.control.GridCell({
styles: {
width: this.width
},
events: {
onSelect: function () {}
}
});
gridcell.imageBox = new KONtx.element.Container({
styles: {
width: $content.styles._width,
height: 200
}
}).appendTo(gridcell);
gridcell.weatherIconUrl = new KONtx.element.Image({
src: "image/sgMap.jpg",
styles: {
'hAlign': 'top',
'vAlign': 'left',
width: $content.styles._width,
height: 200
}
}).appendTo(gridcell.imageBox);
return gridcell;
},
cell_Updater: function(gridcell, dataitem) {
},
});
The grid itself with the background color is being displayed, however the image does not show at all. Any idea what might be the problem? Thanks in advance.
