I have a dialog box that I open to run a slideshow of some photos. The first time I open the page the Galleria slideshow works fine. If I close out and reopen it that it fails and gives me: Fatal error: Could not extract a stage height from the CSS. Traced height: 0px.
Has anyone else seen this or know how to fix it? Here is my function:
CheckTire:function(oEvent){
var oSelectedObj = oEvent.getSource().getBindingContext().getObject();
if(oSelectedObj.ImageSource.search("TIRE") < 0)
{
sap.ui.core.routing.Router.getRouter("appRouter").navTo("photoQueueView",{},true);
}
else
{
var oDialog = new sap.ui.commons.Dialog({title: "Tire Gallery",modal:true,showCloseButton:true});
var galleryContent = "";
var firstImage = oSelectedObj.ImageSource;
var imageBase = firstImage.substring(0, firstImage.length - 6);
for(var i = 1; i <= oSelectedObj.MaxSeqNumber; i++)
{
var nextImage = "";
if(i < 10)
{
nextImage = imageBase + "0" + i + ".jpg";
}
else
{
nextImage = imageBase + i + ".jpg";
}
galleryContent = galleryContent + "<a href='" + nextImage + "'><img src='" + nextImage + "'></a>";
}
var html1 = new sap.ui.core.HTML({
content: "<div id='galleria'> "+galleryContent+" </div>",
preferDOM : false
});
oDialog.addContent(html1);
Galleria.run('#galleria', {
transition: 'fade',
transitionSpeed: 1,
autoplay: 100
});
oDialog.open();
}
//sap.ui.getCore().byId('iem_header_menu').setValue(localBundle.getText('MAIN_MENU'));
},