Power BI is turning 10! Tune in for a special live episode on July 24 with behind-the-scenes stories, product evolution highlights, and a sneak peek at what’s in store for the future.
Save the dateEnhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends August 31st. Request your voucher.
Hi, I am working on integrating PowerBI in an IOS App. So far everything is good except that tiles do not responde when I tap on them. Only tiles with maps respond (I have posted about it on StackOverFlow) and only in certain places (see the red border in the image at the end, I added the border using Photoshop)
This is the HTML Code I'm using (which works perfectly on Android)
<html> <head> <meta name="viewport" content="initial-scale=1.0" /> <script type="text/javascript"> // listen for message to receive tile click messages. if (window.addEventListener) { window.addEventListener("message", receiveMessage, false); } else { window.attachEvent("onmessage", receiveMessage); } //The embedded tile posts messages for clicks to parent window. Listen and handle as appropriate function receiveMessage(event) { messageData = JSON.parse(event.data); if (messageData.event == "tileClicked"){ window.webkit.messageHandlers.callbackHandler.postMessage(messageData.navigationUrl.toString()); } } function updateEmbedReport() { var w = window.innerWidth - 25; var h = window.innerHeight; // check if the embed url was selected var embedUrl = ""; var iframe = document.getElementById('iframe1'); iframe.src=embedUrl; iframe.onload = postActionLoadReport; iframe.height = h; iframe.width = w; } function postActionLoadReport() { // get the access token. accessToken = ; var w = window.innerWidth - 25; var h = window.innerHeight; // construct the post message structure var m = { action: "loadTile", accessToken: accessToken, height: h, width: w}; message = JSON.stringify(m); // push the message. iframe = document.getElementById('iframe1'); iframe.contentWindow.postMessage(message, "*"); iframe.height = h; iframe.width = w; } </script> </head> <body onload="updateEmbedReport()"> <iframe id="iframe1" width="250px" frameBorder="0" name="iframe1" height="250px" style="cursor:pointer"/> </body> </html>
Swift Code:
private var mWebView: WKWebView? override func awakeFromNib() { super.awakeFromNib() let mWebViewConfig: WKWebViewConfiguration = WKWebViewConfiguration() mWebViewConfig.userContentController.addScriptMessageHandler(self, name: "callbackHandler") mWebViewConfig.preferences.javaScriptEnabled = true mWebViewConfig.preferences.javaScriptCanOpenWindowsAutomatically = true self.mWebView = WKWebView(frame: self.frame, configuration: mWebViewConfig) //self.mWebView!.scrollView.scrollEnabled = false self.addSubview(self.mWebView!) } func setData(url: String, tileClick: ITileClick){ self.mTileClick = tileClick let page: String = (InstanceReferences.mPowerBIHandler?.GetPage(InstanceReferences.mAuthenticationToken!, EmbedURL: url, ReportPage: false))! self.mWebView?.loadHTMLString(page, baseURL: NSURL(string: url)!) } func userContentController(userContentController: WKUserContentController, didReceiveScriptMessage message: WKScriptMessage) { print("iniside") if message.name == "callbackHandler" { self.mTileClick?.OnTilePageClick("\(message.body)") } }
Check out the July 2025 Power BI update to learn about new features.
This is your chance to engage directly with the engineering team behind Fabric and Power BI. Share your experiences and shape the future.
User | Count |
---|---|
6 | |
6 | |
3 | |
2 | |
2 |