Wednesday, June 24, 2009

Browser Compatibility Issues with IE,Opera, Mozilla, Safari

#1. Unable to scroll using mouse scroll button

Tip: Get rid of wmode='opaque' in the embed/object tag. But this may have other impacts on the HTML preview issues in case IFRAME/DOM is used in the same application.
"src", "playerProductInstall",
"FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
"width", "100%",
"height", "100%",
"align", "middle",
"id", "SampleApp",
"quality", "high",
"bgcolor", "#000000",
"name", "SampleApp",
"type", "application/x-shockwave-flash",
"pluginspage", "",
"wmode", "opaque"

#2a. Session not carried in Mozilla/ Opera / Safari
#2b. Problems with file upload http requests

Tip: Append jsessionid to the http request
For example,;jsessionid=1xederere454kkr45kfktrtr444.

#3a. Screen distortions when used scrollbar
#3b. Screen overlap issues when used mixed containers and components

Tip: Replace the existing container like vbox, hbox to Canvas or embed the existing container with in Canvas container.

<mx:Canvas id="newlyintroduced" width="100%" height="100%">

<mx:VBox id="mainVbx" verticalScrollPolicy="off">
--existing container which has screen distortion on scroll using mouse scroll button.


#4. File Download/export not working in Flash Player 9/10

Tip: Use the combination jsessionid and navigateToURL.
For example,
navigateToURL( new URLRequest("/context/reportExportServlet"+ ";jsessionid="+ ModelLocator.jSessionId+"?filename="+fileName));

#5. Problems with IFRAME and HTML preview

Tip: As flash based html editors are yet to be matured to handle or support basic features of DOM based HTML editors. When using DOM based editors in Flex , extreme care should be taken to create and destroy IFRAME objects.