[jeroen_13]

hi, i have a qnxstagewebview, and i'd like to add a custom css to it.

i googled for a how-to but didnt found anything....


my code:

package
{
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.TimerEvent;
	import flash.geom.Rectangle;
	import flash.utils.Timer;
	import qnx.events.WebViewEvent;
	import qnx.media.QNXStageWebView;
	import qnx.ui.events.*;
	import qnx.ui.progress.PercentageBar;
	[SWF(height="600", width="1024", frameRate="30", backgroundColor="#FFFFFF")]
	
	public class AIRHelloWorld extends Sprite
	{

		private var mySwv:QNXStageWebView;
		private var myProgress:PercentageBar;
		private var timer:Timer;
		public function AIRHelloWorld()
		{
			initializeUI();
		}
		public function initializeUI():void
		{
			
			timer = new Timer(500);
			timer.addEventListener(TimerEvent.TIMER,handleTimerTick);
			timer.start();
			mySwv = new QNXStageWebView("myBrowser");
			
			mySwv.stage = this.stage;
			mySwv.viewPort = new Rectangle(0,0,1024,600);
			mySwv.addEventListener(WebViewEvent.DOCUMENT_LOAD_FINISHED, onLoad);
			mySwv.addEventListener(WebViewEvent.DOCUMENT_LOAD_FAILED, onFail);
			mySwv.loadURL("http://www.google.nl");
			mySwv.scrollBy(100,100);
			mySwv.zoomToFitWidthOnLoad = true;
			mySwv.blockPopups = true;
			mySwv.zOrder = -1;
			myProgress = new PercentageBar();
			myProgress.x = (400-myProgress.width) /2;
			myProgress.y = (500-myProgress.height) /2;
			myProgress.width = 200;
			mySwv.userStyleSheet = ("data://styles.css");
			mySwv.userAgent = ('Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.62 Safari/537.36');
			this.addChild(myProgress);
		}
		private function handleTimerTick(e:Event):void
		{
			myProgress.progress = mySwv.loadProgress/100;
		}
		private function onLoad(e:WebViewEvent):void
		{
			myProgress.progress = 1;
			mySwv.zOrder = 0;
			myProgress.destroy();
		}
		private function onFail(e:WebViewEvent):void
		{
			trace("The document failed to load");
		}
	}
}

Thanks in advance, Jeroen



People who also couldn't find the answer --> http://supportforums.blackberry.com/...ht/true#M28805

[Lendo]

Any luck yet?

[jeroen_13]

Nope, when I try the documentation code, I get a 1195 error. Weird

Sent from my HTC Sensation using CB Forums mobile app

[pcshun]

Hi Jeroen,

I couldn't send you a PM due to the exceeded inbox quota so here I am

I hear you. BB's documentation on Adobe Air SDK is poor to say the least.

See the following example of how I have implemented custom css file in QNXStageWebView. In this example, the css file is located right under src->(default package).

// locate the adBlock css
adBlockCSSFile = File.applicationDirectory.resolvePath('custom.css' );
adBlockCSSFile = new File(adBlockCSSFile.nativePath);
targetWebViewInstance.userStyleSheet = adBlockCSSFile.url;

Hope this helps!

Thanks,
Shun

[jeroen_13]

Deleted my PMS !

Thank you so much for your help ! I'll try it tonight

Jeroen

Sent from my HTC Sensation using CB Forums mobile app

[jeroen_13]

IT WORKED !


i used this code:

var css = File.applicationDirectory.resolvePath('styles.css' );
			css = new File(css.nativePath);
			mySwv.userStyleSheet = css.url;

in your code you didnt specified the 'var css'. but its working ! Thanks you so much !