Linkinbio Instagram

view-samples/linkinbio-instagram/README.md

@@ -0,0 +1,59 @@
+# Linkinbio Instagram
+
+## Summary
+
+This sample creates a instagram-inspired bio page for users.A "Link in bio" page is important for people to have because it provides a centralized location where they can direct their followers or potential customers to access more information about them, their products, or their services.
+
+![screenshot of the sample](./assets/LinkinbioInstagram.png)
+
+## View requirements
+
+|Type|Internal Name|Required|Notes
+|---|---|:---:|
+|Person|Person|Yes|
+|Multi lines of text|Bio|Yes|
+|Hyperlink|Website|No|
+|Hyperlink|Blog|No|
+|Hyperlink|Newsletter|No|
+|Hyperlink|Yammer|No|
+|Hyperlink|TeamsCall|No|Deep link to call a person in Teams, refer MS Docs.
+|Hyperlink|TeamsChat|No|Deep link to chat with a person in Teams, refer MS Docs.
+|Hyperlink|LinkedIn|No|
+|Hyperlink|Twitter|No|
+|Hyperlink|Instagram|No|
+|Choices|Portfolio|Yes|"Yes", "No"
+|Image|Photo1|No|
+|Image|Photo2|No|
+|Image|Photo3|No|
+|Image|Photo4|No|
+|Image|Photo5|No|
+|Image|Photo6|No|
+|Image|Photo7|No|
+|Image|Photo8|No|
+|Image|Photo9|No|
+
+- You need to use the Gallery or Tiles layout.
+
+## Sample
+
+Solution|Author(s)
+--------|---------
+linkinbio-instagram.json | [Anand Ragav](https://github.com/anandragav) ([@anandVragav](https://twitter.com/anandVragav))
+
+## Version history
+
+Version|Date|Comments
+-------|----|--------
+1.0|April 22, 2023|Initial release
+
+## Disclaimer
+
+**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
+
+---
+
+## Additional notes
+
+- None
+
+<img src="https://pnptelemetry.azurewebsites.net/list-formatting/view-samples/linkinbio-instagram" />

view-samples/linkinbio-instagram/assets/sample.json

@@ -0,0 +1,79 @@
+[
+  {
+    "name": "pnp-list-formatting-linkinbio-instagram",
+    "reponame": "linkinbio-instagram",
+    "source": "pnp",
+    "title": "Linkinbio_Instagram",
+    "shortDescription": "An instagram-inspired bio page for users.",
+    "url": "https://github.com/pnp/List-Formatting/tree/master/view-samples/linkinbio-instagram",
+    "longDescription": [
+      "This sample creates a instagram-inspired bio page for users.A Link in bio page is important for people to have because it provides a centralized location where they can direct their followers or potential customers to access more information about them, their products, or their services"
+    ],
+    "creationDateTime": "2023-04-22T00:00:00.000Z",
+    "updateDateTime": "2023-04-22T00:00:00.000Z",
+    "products": [
+      "SharePoint",
+      "Microsoft Lists"
+    ],
+    "metadata": [
+      {
+        "key": "LIST-SAMPLE-TYPE",
+        "value": "View"
+      },
+      {
+        "key": "SHAREPOINT-COMPATIBILITY",
+        "value": "SharePoint Online"
+      },
+      {
+        "key": "SAMPLE-CATEGORIES",
+        "value": ""
+      },
+      {
+        "key": "LIST-COLUMN-TYPE",
+        "value": ""
+      },
+      {
+        "key": "FORMATTING-TOKENS",
+        "value": "@isSelected"
+      },
+      {
+        "key": "FORMATTING-OPERATORS",
+        "value": ""
+      },
+      {
+        "key": "FORMATTING-ACTIONS",
+        "value": ""
+      },
+      {
+        "key": "FORMATTING-FEATURES",
+        "value": ""
+      },
+      {
+        "key": "CLASSES",
+        "value": "ms-fontColor-neutralPrimary, sp-card-content, sp-card-highlightedContent, sp-css-borderColor-neutralLight, sp-card-subContainer, sp-card-displayColumnContainer"
+      }
+    ],
+    "thumbnails": [
+      {
+        "type": "image",
+        "order": 100,
+        "url": "https://raw.githubusercontent.com/pnp/List-Formatting/master/view-samples/whiteboard-sticky-notes/assets/LinkinbioInstagram.png",
+        "alt": "screenshot of the sample"
+      }
+    ],
+    "authors": [
+      {
+        "gitHubAccount": "anandragav",
+        "pictureUrl": "https://github.com/anandragav.png",
+        "name": "Anand Ragav"
+      }
+    ],
+    "references": [
+      {
+        "name": "Use view formatting to customize SharePoint",
+        "description": "You can use view formatting to customize how items in SharePoint lists and libraries are displayed. To do this, you construct a JSON object that describes the elements that are displayed when an item is loaded in a view and any styles to be applied to those elements.",
+        "url": "https://docs.microsoft.com/sharepoint/dev/declarative-customization/view-formatting"
+      }
+    ]
+  }
+]