At the moment I want to create a small web application with Polymer. For the main UI I want to use the paper elements and as long as version 0.5 was actual we were able to download all these elements from the website and use them in our project. Now with version 1.0 if I look at the Polymer website there is only an install introduction with bower. I'm on windows so I have no real installation of bower and python. Is there a way to downloads the elements manually? If I look at the Polymer GitHub page I only see a bower.json file but I want to download the elements direcly.
You could still download them by visiting the Paper elements project page at https://elements.polymer-project.org/browse?package=paper-elements
Click on the <> icon to navigate to the Github page and then click on Download ZIP in bottom right to download the element.
Yes. You can get them from this location:
https://github.com/PolymerElements/
Related
I assume that <app-root> is from angular development.
However, I was under the impression that frameworks solve into html/js/css as they compile.
When I open a angular page, in the source code and go to the <body>, I can only see the <app-root> tag.
How does my browser read that?
Why can I not read the (html, should it not be?) source code?
Angular is a SPA (Single Page Application) framework. Basicaly, the app-root will be replaced in execution-time with the properly html/css/js when it's required, the whole thing is done internaly by the framework using javascript.
So, if you click to show the source code (CTRL + U on Windows), you will see only the app root. Of course, you can inspect the page with your browser console to see the "magic" going on.
You can understand better and more deep on the official documentation.
I would like to showcase a page from my Ionic 3 project onto my website.
I have been trying to copy the rendered html from the simulator with the rendered main.css and placing it onto my website using a Marvel css device.
It still seems to need hours of finessing to get to what the simulator looks like.
** This is not a clashing of css files. I checked.
Does anyone know an easy way showcase a demo of the app onto the website?
Just deploy your built code from project's www directory (wrapped in your css Marvel device container) to your web hosting and it should work given that you do not rely on ionic/cordova only functionalities that would not work on a desktop anyway. In the end it is an Angular app.
I have added all the 3 html files I want in my app and when I "run" the app and click on the buttons that leads me to the other two HTML files it does that without any problem. But when I build the whole APK and dowload it on it goes to index.html (as it should) but when I click the buttons that leads me to one of the other HTML files it crashes the app and goes out of the app. Please help
I want to use one of the blogger free template in my site.When I download ,it is in the xml format . Is there is any way to use in a site?
Here are the steps you can use the template in your site -
Log in Blogger dashboard
Find your Blog in your Dashboard for you want to change template, and select “Template” in Drop Down menu options.
Look at the top right corner, you will see Backup / Restore button
Manage on pop-up windows and click “choose file” button and look for folder that is created after extracted file that you have downloaded.
Folder may has a .XML file and .TXT file or Internet shortcuts, you should select only XML file.
Click Upload button. Now upload process may appear in your screen.
Now the template will be appear in your blog successfully. Enjoy!
Finally I found a way of doing this. There is a tool name Webhttrack which can download a complete web site along with css, js and images.
To get any blogger template in html:-
Go to live preview site of that template.
Give that url to the webhttrack
It will download this complete template in the html with all css js and image
Get this tool
https://www.httrack.com/page/2/en/
The polymer app that is generated when "JavaScript Polymer custom element" is selected as the project type in Chrome Dev Editor's "New Project" dialog displays a blank screen when run.
Is this a bug or am I doing something wrong?
If it is a bug, then how would I get the polymer app to display something?
Judging by your description, it sounds like you are forgetting to refactor for CSP. Right click on your project name, and select Refactor for CSP. This will take a while, but when it's done, it will work.
Sorry for the delayed response.
Please try the up-to-date Chrome Dev Editor. It's possible that the mentioned template was broken and got fixed since you've submitted the question.
Also make sure that you either:
have index.html or demo.html selected when clicking the Run button; or
right-click on of them and select Run... from the context menu.
What might have happened is that you confused Polymer element with a Polymer app. The template that've you used generates an element. It also provides an example of the element's usage in form of demo.html, and a standard Polymer element description page (based on the core-component-page element that reads and displays elements properties from the metadata.html) in form of index.html. So you have to explicitly run one of those to see something. If you attempt to "run" the element itself (say, click the Run button with my-element.html selected), you will see a blank screen, just like with any other pure Polymer template, because there is no renderable HTML in there (it's called a template for a reason).
If you do indeed want a Polymer app, consider using JavaScript web app (using Polymer paper elements) or JavaScript Chrome app (using Polymer paper elements) project types.
Try at first, to run the bower update from your command line
bower install Polymer/core-elements --save
And you might also need to right click on your project directory from the right panel of chrome dev editor and select Refractor for CSP.
Possibly in the example app, the CDE project (bower.json level) was in a subdirectory of the directory that you imported into the editor. Try to import a level deeper instead.