How can I publish my paragraphs with Zeppelin 0.8.0? - apache-zeppelin

This questions it's maybe obvious, but I can't do it?
How can I publish my paragraphs in Zeppelin 0.8.0?
The docs says that you only need to copy the link that appear when you press "link this paragrah" and put it in your website page.
I did that procedure buuuuuut. It is not working.
I did the simplest website page just for test it, just the <iframe> URL </iframe> and appear a whitebox without anything.
<!DOCTYPE html>
<html>
<head>
<title>HTML Test</title>
</head>
<body>
<p>Below is an iframe.</p>
<iframe http://goku:8080/#/notebook/2DM1X52VT/paragraph/20180804-155205_969494590?asIframe width="800" height="450">
<p>iframes are not supported by your browser.</p>
</iframe>
</body>
</html>
I don't now if I need to config something else in Zeppelin because when I put another URL in <iframe URL> </iframe> the website page works

The way to solved it was installing in chrome a extentions Ignore X-Frame headers.

Related

Google analytics tracking js code not working in React

I have a react website and in my html template I put the google analytics tracking code snippet.
The tracking works on my local (so I can actually see my dev session in GA console) but it doesn't work after I deploy to cloud. Here how my template looks like and react just render the root div.
<!DOCTYPE html>
<html lang="en">
<head>
...
</head>
<body>
<div id="root" />
</body>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="GA link..."></script>
<script>
GA tracking code...
</script>
</html>
My site is here. You can see from the source code the tracking code is there. However current session just doesn't show up in GA.
When I go to your site I see calls going out to Google Tag Manager and Google Analytics and Doubleclick.
Maybe you have a script blocker (uBlock Origin, Noscript, ...) disabled on localhost but active on the production site?
I resolved it eventually. Regenerate another project in GA and use the new project worked for me. Maybe it was something mess up with my old project setup.

How to use AngularJS using CDN?

Say that an app needs to be created using AngularJS with Cordova in Visual Studio, do I require anything else besides the Google CDN to use AngularJS?
<!doctype html>
<html ng-app>
<head>
<title>My Angular App</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
</head>
<body>
</body>
</html>
I notice that npm is usually used to install AngularJS, though if just a simple app needs to be created, could this be sufficient.
Code from: https://docs.angularjs.org/misc/downloading
That's all you need. I find installing angular locally is great for development, since I use developer tools to disable caching and I don't want to ping the CDN everytime I update a view, but for quick projects the CDN is fine.

Why won't AngularJS get invoked in Microsoft Dynamics CRM 2015 in IE11?

I set up a ribbon button to call an html page from my webresources. I add an example.html page with this code into webresources (taken from W3 schools):
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> </script>
<body>
<div ng-app="">
<p>Input something in the input box:</p>
<p>Name : <input type="text" ng-model="name" placeholder="Enter name here"> </p>
<h1>Hello {{name}}</h1>
</div>
</body>
</html>
The example.html page will come up when clicked, but angularJS isn't being invoked for whatever reason, and {{brackets}} are still displayed as opposed to the angular variables and functions they represent. The exact same code definitely works in other html compilers I've plugged it into, why is this not working in Dynamics CRM, and how can I get angular to work with the html webresource pages I call?
Additional Info/Edit: https vs http has been suggested and has no bearing; actual page with angular.js script in webresource is also having same problem. Found out that this is only a problem in IE, specifically using IE11. Works as intended in Chrome and Firefox, but IE is what's supposed to be supported.
Figured it out! It works in Chrome/Firefox, which is great, but IE is our main customer base, so it's more of an IE issue than a Dynamics or JS issue. It's forced in doc-mode 5 via intranet compatibility settings, so I have to find a way to get it updated.
Fixed that by plugging this into the IIS web-config, so now everything works as expected. As a bonus, it's speeding up the loading time of CRM navigation by a lot for everyone as well!
<system.webServer>
<httpProtocol>
<customHeaders>
<clear />
<add name="X-UA-Compatible" value="IE=edge" />
</customHeaders>
</httpProtocol>
</system.webServer>
Addendum
It's better with IIS 7 to add an 'X-UA-Compatible' tag in the http response headers options for your sites rather than manipulate the web config directly.
ALSO another part of the problem in IE and Dynamics CRM, is that after adding that tag, you're restricted to uploading html files directly for your web resources. If you upload one and try to make a simple change through the text editor, Dynamics itself will add its own meta 'x-ua-compatible ie=5.0000' tag that superimposes over your IIS changes, but this is ONLY if you go into text editor after the fact, so simple changes will have to be made to your html file locally and uploaded again.
It has something to do with IE opening the HTML web resource as using Document Mode as IE7 standards. IE reports this message in the console if you want to see it. I added the following to my web resource and it fixed the issue:
<!DOCTYPE html>
<html>
<head>
<title>My page</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Two things:
You don't have a head tag (though most browsers probably handle this fine)
The script you're referencing is http instead of https (the real problem)
This works:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>
<div ng-app="">
<p>Input something in the input box:</p>
<p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>
<h1>Hello {{name}}</h1>
</div>
</body>
</html>

angularJS in webstorm, display binding wrong

I am newly picking up angularJS, cannot figure out my situation here:
Everything goes fine when I just open official phonecat tutorial file.
However, if I create my own project, the binding never displays well, it also shows out "{{ }}".
Pictures show all I got here. I believe nothing wrong with the script referencing, just cannot figure out after tried hundred times.
It seems script referencing is not correct. Make sure that your script reference is correct.
I run the following code and it gave me the expected result.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body data-ng-app>
<p>{{1+2}}</p>
</body>
</html>
See Demo
In the browser check the source. Does angular exist in your browser.

Boomerang beacon called via GET instead of POST

I took a freshly-cloned copy of the Boomerang library and ran make to produce the default boomerang.js script.
I copied that file, along with the following HTML document into a directory.
<html>
<head>
<script src="/boomerang.js" type="text/javascript"></script>
<script type="text/javascript">
BOOMR.init({
user_ip: "127.12.34.56",
beacon_url: "http://127.0.0.1:8008/beacon",
beacon_type: "POST"
});
</script>
</head>
<body>
<h1>Hello RUM</h1>
</body>
</html>
I then served that out of host running on port 8008 and viewed the html file. When I check the access log, I see
127.0.0.1 - - [17/May/2016:15:13:31 +0200] "GET /beacon?u=http%3A%2%2F127.0.0.1%3A8008%2Frum.html&v=0.9&...
That is, the Boomerang library is issuing a GET instead of POST and at a quick glance I can't figure out why. (The /beacon endpoint doesn't actually exist, so it throws a 404, but that is (I hope) beside the point). I'll take a closer look with dev tools, but has anyone experienced this before?

Resources