You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by lo...@apache.org on 2021/09/01 14:46:08 UTC
[myfaces-tobago] branch master updated: docs: describe application
icons
This is an automated email from the ASF dual-hosted git repository.
lofwyr pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git
The following commit(s) were added to refs/heads/master by this push:
new c4a4ffd docs: describe application icons
c4a4ffd is described below
commit c4a4ffd29e5d9b875f6a6428e243f69f15973e20
Author: Udo Schnurpfeil <ud...@irian.eu>
AuthorDate: Wed Sep 1 16:43:08 2021 +0200
docs: describe application icons
---
.../50-migration/95-migration/4.0_to_5.0.xhtml | 5 +++
.../webapp/content/30-concept/79-icons/Icons.xhtml | 46 ++++++++++++++++++++++
2 files changed, 51 insertions(+)
diff --git a/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/50-migration/95-migration/4.0_to_5.0.xhtml b/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/50-migration/95-migration/4.0_to_5.0.xhtml
index 29b34cc..be9247d 100644
--- a/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/50-migration/95-migration/4.0_to_5.0.xhtml
+++ b/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/50-migration/95-migration/4.0_to_5.0.xhtml
@@ -64,6 +64,11 @@
has been removed, because its not supported with Bootstrap 5.
</tc:section>
+ <tc:section label="Application Icon">
+ The attribute <code class="language-markup">applicatonIcon</code> in <code class="language-markup"><tc:page></code>
+ has been removed. Please use the <code class="language-markup"><tc:metaLink></code> tag instead.
+ </tc:section>
+
</tc:section>
<tc:section id="java" label="Java API">
diff --git a/tobago-example/tobago-example-demo/src/main/webapp/content/30-concept/79-icons/Icons.xhtml b/tobago-example/tobago-example-demo/src/main/webapp/content/30-concept/79-icons/Icons.xhtml
new file mode 100644
index 0000000..aa2bfac
--- /dev/null
+++ b/tobago-example/tobago-example-demo/src/main/webapp/content/30-concept/79-icons/Icons.xhtml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+-->
+
+<ui:composition template="/main.xhtml"
+ xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:tc="http://myfaces.apache.org/tobago/component">
+<!-- <ui:param name="title" value="Icons"/>-->
+
+ <tc:panel>
+ <p>
+ For application icons, usually shown in browser tabs or bookmarks, use the
+ <code class="language-markup"><tc:metaLink></code> tag. It will be rendered as an HTML
+ <code class="language-markup"><link></code> tag inside
+ the <code class="language-markup"><head></code> tag.
+ </p>
+ <p>
+ There are different formats for different devices possible. Especially for mobile devices
+ there are a lot of possibilities.
+ In the <tc:link link="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link"
+ label="MDN Web Docs"/> you may find further information.
+ </p>
+ <p>
+ In this demo it is used in the template file <code class="bash-markup">main.xhtml</code>.
+ Example:
+ <pre><code class="language-markup"><tc:metaLink href="\#{request.contextPath}/image/feather.ico" rel="shortcut icon"/>
+<tc:metaLink href="\#{request.contextPath}/image/feather.png" rel="apple-touch-icon"/>
+</code></pre>
+ </p>
+ </tc:panel>
+
+</ui:composition>