feat: Add custom branding CSS and example JSON for communications site

2026-08-19 23:55:36 +02:00
parent 281dfa68de
commit 0e98e88a7b
2 changed files with 7 additions and 4 deletions
@@ -0,0 +1,103 @@
+{
+  "schemaVersion": 2,
+  "portalSettings": {
+    "providerKey": "custombranding",
+    "contractVersion": 1,
+    "minimumPortalSettingsVersion": "3.0.0"
+  },
+  "enabled": true,
+  "debug": false,
+  "allowedCssHosts": [],
+  "cssfiles": [
+    {
+      "path": "http://portal.contoso.local/SiteAssets/branding/custom-branding.css",
+      "media": "all"
+    }
+  ],
+  "placeholdertop": {
+    "elements": [
+      {
+        "type": "div",
+        "content": "System NDzK",
+        "attributes": {
+          "class": "system-ndzk-bar",
+          "role": "note"
+        }
+      },
+      {
+        "type": "div",
+        "attributes": {
+          "class": "portal-branding",
+          "role": "banner",
+          "aria-label": "Portal-Kopfbereich"
+        },
+        "children": [
+          {
+            "type": "a",
+            "attributes": {
+              "class": "portal-branding-home",
+              "href": "http://portal.contoso.local/SitePages/Home.aspx",
+              "title": "Zur Portal-Startseite"
+            },
+            "children": [
+              {
+                "type": "img",
+                "attributes": {
+                  "class": "portal-branding-logo",
+                  "src": "http://portal.contoso.local/Branding/Images/logo.png",
+                  "alt": "Zentrale Abbildende Aufklärung"
+                }
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "form",
+        "attributes": {
+          "id": "CustomBrandingSearch",
+          "class": "custom-branding-search-form",
+          "role": "search",
+          "aria-label": "Diese Website durchsuchen",
+          "action": "~sitecollection/_layouts/15/search.aspx/siteall",
+          "method": "get"
+        },
+        "children": [
+          {
+            "type": "input",
+            "attributes": {
+              "class": "custom-branding-search-input",
+              "type": "search",
+              "name": "q",
+              "placeholder": "Diese Website durchsuchen",
+              "autocomplete": "off",
+              "maxlength": "500",
+              "aria-label": "Diese Website durchsuchen"
+            }
+          },
+          {
+            "type": "button",
+            "attributes": {
+              "class": "custom-branding-search-button",
+              "type": "submit",
+              "title": "Suchen",
+              "aria-label": "Suchen"
+            },
+            "children": [
+              {
+                "type": "span",
+                "attributes": {
+                  "class": "ms-Icon ms-Icon--Search",
+                  "aria-hidden": "true"
+                }
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  "placeholderbottom": {
+    "elements": []
+  }
+}