-
Notifications
You must be signed in to change notification settings - Fork 148
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #14 from KeithAtherton/main
glassmorphism-sandbox
- Loading branch information
Showing
31 changed files
with
13,809 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,80 @@ | ||
# Glassmorphism Sandbox | ||
|
||
## Summary | ||
|
||
This sample illustrates how to use glassmorphism, combining a blur effect with transparency, using a HTML text control. | ||
|
||
![Screenshot](assets/screenshot.png) | ||
|
||
## Applies to | ||
|
||
![Power Apps](https://img.shields.io/badge/Power%20Apps-Yes-green "Yes") | ||
![Power Automate](https://img.shields.io/badge/Power%20Automate-No-red "No") | ||
![Power BI](https://img.shields.io/badge/Power%20BI-No-red "No") | ||
![Power Pages](https://img.shields.io/badge/Power%20Pages-No-red "No") | ||
![Power Virtual Agents](https://img.shields.io/badge/Power%20Virtual%20Agents-No-red "No") | ||
![Dataverse](https://img.shields.io/badge/Dataverse-No-red "No") | ||
![AI Builder](https://img.shields.io/badge/AI%20Builder-No-red "No") | ||
![Custom Connectors](https://img.shields.io/badge/Custom%20Connectors-No-red "No") | ||
![Power Fx](https://img.shields.io/badge/Power%20Fx-No-red "No") | ||
|
||
## Compatibility | ||
|
||
![Premium License](https://img.shields.io/badge/Premium%20License-Not%20Required-red.svg "Premium license not required") | ||
![Experimental Features](https://img.shields.io/badge/Experimental%20Features-No-red.svg "Does not rely on experimental features") | ||
|
||
## Contributors | ||
|
||
* [Keith Atherton](https://github.com/KeithAtherton) | ||
|
||
## Version history | ||
|
||
Version|Date|Comments | ||
-------|----|-------- | ||
1.0|August 20, 2023|Initial release | ||
|
||
## Minimal path to awesome | ||
|
||
### Using the solution zip | ||
|
||
* [Download](./solution/solution.zip) the `.zip` from the `solution` folder | ||
* Within **Power Apps Studio**, import the solution `.zip` file using **Solutions** > **Import Solution** and select the `.zip` file you just packed. | ||
* Open the app in edit mode and make sure the data source **Data source name** is connected correctly. | ||
|
||
### Using the source code | ||
|
||
You can also use the [Power Apps CLI](https://docs.microsoft.com/powerapps/developer/data-platform/powerapps-cli) to pack the source code by following these steps: | ||
|
||
* Clone the repository to a local drive | ||
* Pack the source files back into a solution `.zip` file: | ||
|
||
```bash | ||
pac solution pack --zipfile pathtodestinationfile --folder pathtosourcefolder --processCanvasApps | ||
``` | ||
|
||
Making sure to replace `pathtosourcefolder` to point to the path to this sample's `sourcecode` folder, and `pathtodestinationfile` to point to the path of this solution's `.zip` file (located under the `solution` folder) | ||
* Within **Power Apps Studio**, import the solution `.zip` file using **Solutions** > **Import Solution** and select the `.zip` file you just packed. | ||
|
||
## Features | ||
|
||
This sample illustrates how to use glassmorphism, combining a blur effect with transparency, using a HTML text control. The following can be done: | ||
|
||
* Change parameters such as blur and color (red, green, blue) and alpha | ||
* View output HTML | ||
* Copy output HTML to clipboard | ||
|
||
## Help | ||
|
||
We do not support samples, but this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for community members to volunteer their time and help resolve issues. | ||
|
||
If you encounter any issues while using this sample, you can [create a new issue](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=bug-report.yml&sample=glassmorphism-sandbox&authors=@KeithAtherton&title=glassmorphism-sandbox%20-%20). | ||
|
||
For questions regarding this sample, [create a new question](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=question.yml&sample=glassmorphism-sandbox&authors=@KeithAtherton&title=glassmorphism-sandbox%20-%20). | ||
|
||
Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=suggestion.yml&sample=glassmorphism-sandbox&authors=@KeithAtherton&title=glassmorphism-sandbox%20-%20). | ||
|
||
## 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.** | ||
|
||
<img src="https://m365-visitor-stats.azurewebsites.net/powerplatform-samples/samples/glassmorphism-sandbox" /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,79 @@ | ||
[ | ||
{ | ||
"$schema": "https://developer.microsoft.com/en-us/json-schemas/pnp/samples/v1.0/metadata-schema.json", | ||
"name": "pnp-powerplatform-samples-glassmorphism-sandbox", | ||
"version": "1.0.0.0", | ||
"source": "pnp", | ||
"creationDateTime": "2023-08-20T00:00:00.000Z", | ||
"updateDateTime": "2023-08-20T00:00:00.000Z", | ||
"title": "Glassmorphism Sandbox", | ||
"shortDescription": "This sample illustrates how to use glassmorphism, combining a blur effect with transparency, using a HTML text control.", | ||
"longDescription": [ | ||
"This sample illustrates how to use glassmorphism, combining a blur effect with transparency, using a HTML text control." | ||
], | ||
"url": "https://github.com/pnp/powerplatform-samples/tree/main/samples/glassmorphism-sandbox", | ||
"products": [ | ||
"Power Apps", | ||
"Power Platform" | ||
], | ||
"tags": [ | ||
"Glassmorphism" | ||
], | ||
"categories": [ | ||
"POWERAPPS" | ||
], | ||
"metadata": [ | ||
{ | ||
"key": "POWERAPPS-MANIFEST-VERSION", | ||
"value": "0.20" | ||
}, | ||
{ | ||
"key": "POWERAPPS-TYPE", | ||
"value": "Canvas" | ||
}, | ||
{ | ||
"key": "POWERAPPS-EXPERIMENTAL", | ||
"value": "No" | ||
}, | ||
{ | ||
"key": "POWERAPPS-PREMIUM", | ||
"value": "No" | ||
}, | ||
{ | ||
"key": "POWERAPPS-ONPREM", | ||
"value": "No" | ||
}, | ||
{ | ||
"key": "POWERAPPS-CUSTOMCONNECTOR", | ||
"value": "No" | ||
} | ||
], | ||
"thumbnails": [ | ||
{ | ||
"type": "image", | ||
"order": 100, | ||
"url": "https://github.com/pnp/powerplatform-samples/blob/main/samples/glassmorphism-sandbox/assets/screenshot.png?raw=true", | ||
"alt": "Preview" | ||
} | ||
], | ||
"authors": [ | ||
{ | ||
"gitHubAccount": "KeithAtherton", | ||
"name": "Keith Atherton", | ||
"pictureUrl": "https://github.com/KeithAtherton.png" | ||
} | ||
], | ||
"references": [ | ||
{ | ||
"name": "Overview of creating apps in Power Apps", | ||
"description": "Overview of creating apps in Power Apps", | ||
"url": "https://learn.microsoft.com/en-us/power-apps/maker/" | ||
}, | ||
{ | ||
"name": "Power Apps canvas apps documentation", | ||
"description": "Power Apps canvas apps documentation", | ||
"url": "https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/" | ||
} | ||
] | ||
} | ||
] |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
31 changes: 31 additions & 0 deletions
31
samples/glassmorphism-sandbox/sourcecode/CanvasApps/new_glassmorphismsandbox_08ed5.meta.xml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,31 @@ | ||
<?xml version="1.0" encoding="utf-8"?> | ||
<CanvasApp xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> | ||
<Name>new_glassmorphismsandbox_08ed5</Name> | ||
<AppVersion>2023-08-20T17:57:09Z</AppVersion> | ||
<Status>Ready</Status> | ||
<CreatedByClientVersion>3.23081.15.0</CreatedByClientVersion> | ||
<MinClientVersion>3.23081.15.0</MinClientVersion> | ||
<Tags>{"primaryDeviceWidth":"1366","primaryDeviceHeight":"768","supportsPortrait":"true","supportsLandscape":"true","primaryFormFactor":"Tablet","publisherVersion":"3.23081.15","minimumRequiredApiVersion":"2.2.0","hasComponent":"false","hasUnlockedComponent":"false","isUnifiedRootApp":"false","sienaVersion":"20230725T131602Z-3.23072.22.0","showStatusBar":"false"}</Tags> | ||
<IsCdsUpgraded>0</IsCdsUpgraded> | ||
<GalleryItemId xsi:nil="true"></GalleryItemId> | ||
<BackgroundColor>RGBA(0,176,240,1)</BackgroundColor> | ||
<DisplayName>Glassmorphism Sandbox</DisplayName> | ||
<Description xsi:nil="true"></Description> | ||
<CommitMessage xsi:nil="true"></CommitMessage> | ||
<Publisher></Publisher> | ||
<AuthorizationReferences>[]</AuthorizationReferences> | ||
<ConnectionReferences>{}</ConnectionReferences> | ||
<DatabaseReferences>{}</DatabaseReferences> | ||
<AppComponents>[]</AppComponents> | ||
<AppComponentDependencies>[]</AppComponentDependencies> | ||
<CanConsumeAppPass>1</CanConsumeAppPass> | ||
<CanvasAppType>0</CanvasAppType> | ||
<BypassConsent>0</BypassConsent> | ||
<AdminControlBypassConsent>0</AdminControlBypassConsent> | ||
<EmbeddedApp xsi:nil="true"></EmbeddedApp> | ||
<IntroducedVersion>1.0</IntroducedVersion> | ||
<CdsDependencies>{"cdsdependencies":[]}</CdsDependencies> | ||
<IsCustomizable>1</IsCustomizable> | ||
<BackgroundImageUri>/CanvasApps/new_glassmorphismsandbox_08ed5_BackgroundImageUri</BackgroundImageUri> | ||
<DocumentUri>/CanvasApps/new_glassmorphismsandbox_08ed5_DocumentUri.msapp</DocumentUri> | ||
</CanvasApp> |
Binary file added
BIN
+9.9 KB
...smorphism-sandbox/sourcecode/CanvasApps/new_glassmorphismsandbox_08ed5_BackgroundImageUri
Binary file not shown.
Binary file added
BIN
+4.36 MB
...ssmorphism-sandbox/sourcecode/CanvasApps/new_glassmorphismsandbox_08ed5_DocumentUri.msapp
Binary file not shown.
Binary file added
BIN
+4.33 MB
...Apps/src/new_glassmorphismsandbox_08ed5/Assets/Images/horses-keith-atherton.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 12 additions & 0 deletions
12
...-sandbox/sourcecode/CanvasApps/src/new_glassmorphismsandbox_08ed5/Assets/SampleImage.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
{ | ||
"Content": "Image", | ||
"FileName": "/ctrllib/image/images/SampleImage.svg", | ||
"IsSampleData": true, | ||
"IsWritable": false, | ||
"Name": "SampleImage", | ||
"Path": "/ctrllib/image/images/SampleImage.svg", | ||
"ResourceKind": "Uri", | ||
"RootPath": "ms-appx:///ctrllib/image/images/SampleImage.svg", | ||
"Schema": "i", | ||
"Type": "ResourceInfo" | ||
} |
Binary file added
BIN
+9.9 KB
...andbox/sourcecode/CanvasApps/src/new_glassmorphismsandbox_08ed5/Assets/logo.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
134 changes: 134 additions & 0 deletions
134
...hism-sandbox/sourcecode/CanvasApps/src/new_glassmorphismsandbox_08ed5/CanvasManifest.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,134 @@ | ||
{ | ||
"FormatVersion": "0.24", | ||
"Header": { | ||
"DocVersion": "1.334", | ||
"MinVersionToLoad": "1.331", | ||
"MSAppStructureVersion": "2.0" | ||
}, | ||
"Properties": { | ||
"AppCreationSource": "AppFromScratch", | ||
"AppDescription": "", | ||
"AppPreviewFlagsMap": { | ||
"aibuilderserviceenrollment": false, | ||
"allowmultiplescreensincanvaspages": false, | ||
"appinsightserrortracing": false, | ||
"appinstrumentationcorrelationtracing": false, | ||
"autocreateenvironmentvariables": false, | ||
"backfromhostaction": false, | ||
"behaviorpropertyui": false, | ||
"blockmovingcontrol": true, | ||
"cdsdataformatting": false, | ||
"classiccontrols": false, | ||
"consistentreturnschemafortabularfunctions": true, | ||
"copyandmerge": false, | ||
"datatablev2control": true, | ||
"dataverseactionsenabled": false, | ||
"delaycontrolrendering": true, | ||
"delayloadscreens": true, | ||
"disablecdsfileandlargeimage": false, | ||
"dynamicschema": false, | ||
"enableappembeddingux": false, | ||
"enablechatbotfeature": false, | ||
"enablecomponentnamemaps": false, | ||
"enablecomponentscopeoldbehavior": false, | ||
"enablecopilotcontrol": false, | ||
"enabledataverseoffline": false, | ||
"enableeditcacherefreshfrequency": false, | ||
"enableexcelonlinebusinessv2connector": true, | ||
"enableexperimentaldataverseoffline": false, | ||
"enableideaspanel": true, | ||
"enablelegacybarcodescanner": false, | ||
"enableonstart": true, | ||
"enableonstartnavigate": false, | ||
"enablepcfmoderndatasets": true, | ||
"enablerowscopeonetonexpand": false, | ||
"enablerpawarecomponentdependency": true, | ||
"enablerulespanel": false, | ||
"enableruntimepolicies": false, | ||
"enablesaveloadcleardataonweb": false, | ||
"enableupdateifdelegation": false, | ||
"enhanceddelegation": true, | ||
"enhancedgalleryinitialization": true, | ||
"errorhandling": true, | ||
"expandedsavedatasupport": true, | ||
"exportimportcomponents2": true, | ||
"externalmessage": false, | ||
"fluentv9controls": false, | ||
"fluentv9controlspreview": false, | ||
"formuladataprefetch": true, | ||
"formularepair": false, | ||
"generatedebugpublishedapp": false, | ||
"herocontrols": false, | ||
"improvedmediacapture": false, | ||
"improvedtabstopbehavior": false, | ||
"isemptyrequirestableargument": true, | ||
"keeprecentscreensloaded": false, | ||
"longlivingcache": false, | ||
"mobilenativerendering": false, | ||
"namedformulas": false, | ||
"nativecdsexperimental": true, | ||
"onegrid": false, | ||
"optimizedforteamsmeeting": false, | ||
"packagemodernruntime": false, | ||
"parallelcodegen": false, | ||
"pdffunction": false, | ||
"powerfxdecimal": false, | ||
"powerfxv1": false, | ||
"projectionmapping": true, | ||
"reactformulabar": false, | ||
"reliableconcurrent": true, | ||
"reservedkeywords": false, | ||
"reverttooldpowerautomate": false, | ||
"rtlinstudiopreview": false, | ||
"rtlsupport": false, | ||
"smartemaildatacard": false, | ||
"supportcolumnnamesasidentifiers": false, | ||
"tabledoesntwraprecords": true, | ||
"untypedobject": false, | ||
"usedisplaynamemetadata": true, | ||
"useenforcesavedatalimits": true, | ||
"useexperimentalcdsconnector": true, | ||
"useexperimentalsqlconnector": true, | ||
"useguiddatatypes": true, | ||
"usenonblockingonstartrule": true, | ||
"webbarcodescanner": false, | ||
"zeroalltabindexes": false | ||
}, | ||
"Author": "", | ||
"BindingErrorCount": 0, | ||
"ContainsThirdPartyPcfControls": false, | ||
"DefaultConnectedDataSourceMaxGetRowsCount": 500, | ||
"DocumentAppType": "DesktopOrTablet", | ||
"DocumentLayoutHeight": 768, | ||
"DocumentLayoutLockOrientation": false, | ||
"DocumentLayoutMaintainAspectRatio": true, | ||
"DocumentLayoutOrientation": "landscape", | ||
"DocumentLayoutScaleToFit": true, | ||
"DocumentLayoutWidth": 1366, | ||
"DocumentType": "App", | ||
"EnableInstrumentation": false, | ||
"FileID": "f297cb30-37f2-4365-b402-a05d4dc4eb49", | ||
"Id": "50d57302-cb2d-47b5-a142-02935ca4f126", | ||
"InstrumentationKey": "", | ||
"LocalDatabaseReferences": "{}", | ||
"ManualOfflineProfileId": "", | ||
"Name": "Glassmorphism Sandbox", | ||
"OriginatingVersion": "1.331", | ||
"ParserErrorCount": 0, | ||
"ShowStatusBar": false | ||
}, | ||
"PublishInfo": { | ||
"AppName": "Glassmorphism Sandbox", | ||
"BackgroundColor": "RGBA(0,176,240,1)", | ||
"IconColor": "RGBA(255,255,255,1)", | ||
"IconName": "PhotoCollection", | ||
"LogoFileName": "logo.jpg", | ||
"PublishDataLocally": false, | ||
"PublishResourcesLocally": false, | ||
"PublishTarget": "player", | ||
"UserLocale": "en-US" | ||
}, | ||
"ScreenOrder": [ | ||
"Screen1" | ||
] | ||
} |
1 change: 1 addition & 0 deletions
1
...sandbox/sourcecode/CanvasApps/src/new_glassmorphismsandbox_08ed5/ComponentReferences.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
[] |
1 change: 1 addition & 0 deletions
1
...box/sourcecode/CanvasApps/src/new_glassmorphismsandbox_08ed5/Connections/Connections.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
{} |
Oops, something went wrong.