Hello,
1) Initially using only tab strip, there was no problem on focus.
2) Now adding
back button next to
tab strip on full screen
- when user focus on tab strip, randomally focuses on tab strip.
- tab strip moves
The code of tab strip as follows below:
CODE
createView: function()
{
// back button
var backbutton = new KONtx.control.BackButton({
styles: {
width: KONtx.utility.scale(40) ,
height: KONtx.utility.scale(24),
vOffset: KONtx.utility.scale(60),
//backgroundColor: '#000000',
},
}).appendTo(this);
//Array of tab labels
this.tabArray = [
{label: 'All My Media' },
{label: 'Photo'},
{label: 'Audio'},
{label: 'Video'},
];
//To dispaly menu panel at top of screen.
this.controls.tabstrip = new KONtx.control.TabStrip({
defaultTab: 0,
tabs: this.tabArray,
styles:
{
'vOffset' : 60,
'width': (this.width-30),
'hOffset' : 40,
},
events:
{
onTabSelect: function (event)
{
dlogInfo("LightboxMyMediaView.js : onTabSelect focussed value is:" + this._focusIndex);
request.abort();
//lightboxMyMediaViewRef.controls.grid.changePage(0, {refresh:true});
lightboxMyMediaViewRef.controls.pageindicator.initialize();
// All My Media Selected..
if(this._focusIndex==0)
{
//lightboxMyMediaViewRef.tabLabel.setText("All My Media ");
lightboxMyMediaViewRef.searchString = "All";
KONtx.application.reloadView({lightBoxNameArray: lightBoxName},true);
lightboxMyMediaViewRef.controls.grid.visible=false;
}
// Phoots
if( this._focusIndex==1)
{
//lightboxMyMediaViewRef.tabLabel.setText("Photo");
lightboxMyMediaViewRef.searchString = "Image";
KONtx.application.reloadView({lightBoxNameArray: lightBoxName},true);
lightboxMyMediaViewRef.controls.grid.visible=false;
}
// Audio
if( this._focusIndex==2)
{
//lightboxMyMediaViewRef.tabLabel.setText("Audio");
lightboxMyMediaViewRef.searchString = "Audio";
KONtx.application.reloadView({lightBoxNameArray: lightBoxName},true);
lightboxMyMediaViewRef.controls.grid.visible=false;
}
if( this._focusIndex==3)
{
//lightboxMyMediaViewRef.tabLabel.setText("Video ");
lightboxMyMediaViewRef.searchString = "Video";
KONtx.application.reloadView({lightBoxNameArray: lightBoxName},true);
lightboxMyMediaViewRef.controls.grid.visible=false;
}
}
}
}).appendTo(this);
},
Regards,
Sushma