news
news copied to clipboard
Polymer
About page
I would like to see an example of how to implement a link to a static page in the menu, like an "about" page.
Take a look at https://github.com/Dabolus/polymer3-webpack-starter-kit. The author added static and dynamic subviews in that PSK that provide real examples of tackling routing for that.
On Mon, Apr 2, 2018, 1:27 PM Keisan [email protected] wrote:
I would like to see an example of how to implement a link to a static page in the menu, like an "about" page.
— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/Polymer/news/issues/148, or mute the thread https://github.com/notifications/unsubscribe-auth/AYC27SQCpvYE0_qdAJkFwRG-TGDzuN9nks5tkm2cgaJpZM4TD4zI .
Thanks. I have dowloaded it an tried to understand how it works, but I feel I am getting more and more confused. I am more of a code programmer than graphic designer, so I rather start with a template with ok design and add code than getting the code and add css. The news app has most of the basic features that I need except example how to show static pages like "about" page. My next step is to add dynamics by using Firebase. Since the news app already read the data as son files I believe it won't be to difficult to add. Conclusion I still believe ti would be good for newbies in Polymer to be able to see how a static page would be accessed from the menu.
I don't disagree that more examples of basic routing would be helpful. And I suspect you may find faster help by asking over in the Slack channel since the news app is using a category based routing process.
The principles of the PSK and the news app are the same, but the structure is different to account for categories. The folks on Slack are helpful. Give that a try.
Hhmm, I have tried to look into PSK, and read the "What is in the box" at Polymer. When I do the changes as written as examples the content disappears! When I look at polycasts Rob is showing in different ways in each video and I get more and more frustrated. And they don't seem to work with the news app code. Ok, Slack. Where do I find it. When I searched on the net I found a fancy web site, but I doubt it was the correct one. Could you please guide me where it is.
Sorry about the confusion. The PSK I referred to uses TypeScript and is for a Polymer 3 pre-release version. Polymer 3 is due to be released soon, but I don't have a date for that. I feel as though I may have led you astray with that example.
Joining Slack: Navigate to https://polymer-slack.herokuapp.com/ and request to join. You'll get an invite that will allow you to join the conversations on Slack. You can then post your questions, comments there.
On Wed, Apr 4, 2018 at 3:39 PM, Keisan [email protected] wrote:
Hhmm, I have tried to look into PSK, and read the "What is in the box" at Polymer. When I do the changes as written as examples the content disappears! When I look at polycasts Rob is showing in different ways in each video and I get more and more frustrated. And they don't seem to work with the news app code. Ok, Slack. Where do I find it. When I searched on the net I found a fancy web site, but I doubt it was the correct one. Could you please guide me where it is.
— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Polymer/news/issues/148#issuecomment-378737530, or mute the thread https://github.com/notifications/unsubscribe-auth/AYC27TKxYlWypzgNjSfHK39DBAQAEYfmks5tlS92gaJpZM4TD4zI .
--
Best to you and yours,
John
John Teague Founder and CEO
Phone: 1+612.284.3001 <1+6122843001> 241 109th Avenue Northwest Minneapolis, MN 55448 USA
GEMServers WordPress Delivery Perfected!
CONFIDENTIALITY NOTICE: The information contained in this communication, including attachments, is confidential and intended only for the exclusive use of the addressee. If the reader of this message is not the intended recipient, or the employee or agent responsible for delivering it to the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited. If you have received this communication in error, please notify us by telephone immediately. Thank you.
I have solve the problem this way:
In news-header.html and news-drawer.html,
I have changed:
<a name="[[category.name]]" href="/list/[[category.name]]">[[category.title]]</a>
to:
<a name="[[category.name]]" href="[[category.page]]/[[category.name]]">[[category.title]]</a>
AND in news-data.html added either ", page: 'article'" or ", page: 'list'" to each item in the categoryList.
I might change it from 'article' to 'page' and make a copy of news-article.html, and name the copy news-page.html, so I can get a different design on these pages.
I have looked into a number of forks. Some keep the about page a list view - not very good since it does not apply to convention. Some scrap the categoryList completely and hard code the links with a-links. This in on many different places on the web site, as makes it difficult to maintain.
From what I can see by looking at these forks. It is a problem for the developers, as is learning to use Polymer, that an about page is not included in the news app example. Several have manage to get around the problem but not very beautiful.