├── src
    ├── pcfconfig.json
    ├── tsconfig.json
    ├── .gitignore
    ├── package.json
    ├── IframePCF
    │   ├── ControlManifest.Input.xml
    │   └── index.ts
    └── src.pcfproj
├── BTDIFrame_1_0_0_1.zip
├── BTDIFrame_1_0_0_1_managed.zip
├── IFrameSolution_1_0_0_1_managed.zip
├── solution
    ├── Other
    │   ├── Relationships.xml
    │   ├── Customizations.xml
    │   └── Solution.xml
    ├── .gitignore
    └── solution.cdsproj
└── README.md


/src/pcfconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |     "outDir": "./out/controls"
3 | }


--------------------------------------------------------------------------------
/BTDIFrame_1_0_0_1.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yashag2255/iframePCF/HEAD/BTDIFrame_1_0_0_1.zip


--------------------------------------------------------------------------------
/BTDIFrame_1_0_0_1_managed.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yashag2255/iframePCF/HEAD/BTDIFrame_1_0_0_1_managed.zip


--------------------------------------------------------------------------------
/IFrameSolution_1_0_0_1_managed.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yashag2255/iframePCF/HEAD/IFrameSolution_1_0_0_1_managed.zip


--------------------------------------------------------------------------------
/solution/Other/Relationships.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <EntityRelationships xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" />


--------------------------------------------------------------------------------
/solution/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 | 
3 | # msbuild output directories
4 | /bin
5 | /obj


--------------------------------------------------------------------------------
/src/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |     "extends": "./node_modules/pcf-scripts/tsconfig_base.json",
3 |     "compilerOptions": {
4 |         "typeRoots": ["node_modules/@types"],
5 |     }
6 | }


--------------------------------------------------------------------------------
/src/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | 
 6 | # generated directory
 7 | **/generated
 8 | 
 9 | # output directory
10 | /out
11 | 
12 | # msbuild output directories
13 | /bin
14 | /obj


--------------------------------------------------------------------------------
/solution/Other/Customizations.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <ImportExportXml xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
 3 |   <Entities />
 4 |   <Roles />
 5 |   <Workflows />
 6 |   <FieldSecurityProfiles />
 7 |   <Templates />
 8 |   <EntityMaps />
 9 |   <EntityRelationships />
10 |   <OrganizationSettings />
11 |   <optionsets />
12 |   <CustomControls />
13 |   <SolutionPluginAssemblies />
14 |   <EntityDataProviders />
15 |   <Languages>
16 |     <Language>1033</Language>
17 |   </Languages>
18 | </ImportExportXml>


--------------------------------------------------------------------------------
/src/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "pcf-project",
 3 |   "version": "1.0.0",
 4 |   "description": "Project containing your PowerApps Component Framework (PCF) control.",
 5 |   "scripts": {
 6 |     "build": "pcf-scripts build",
 7 |     "clean": "pcf-scripts clean",
 8 |     "rebuild": "pcf-scripts rebuild",
 9 |     "start": "pcf-scripts start"
10 |   },
11 |   "dependencies": {
12 |     "@types/node": "^10.12.18",
13 |     "@types/powerapps-component-framework": "^1.2.0"
14 |   },
15 |   "devDependencies": {
16 |     "pcf-scripts": "^1",
17 |     "pcf-start": "^1"
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # iframePCF
 2 | PCF to enable an iframe functionality in canvas apps for Power Apps. 
 3 | 
 4 | Steps to push the component: 
 5 | 
 6 | You can push this component directly using the Visual studio developer command prompt. The steps to do so are:
 7 | 
 8 | 1. Clone the repository
 9 | 2. cd into the src folder
10 | 3. Get the developer resource URL for your environment from advanced settings in Power Apps.
11 | 4. Use the command: pac auth create --url and authenticate with your credentials.
12 | 5. Use the command: pac pcf push --publisher-prefix contoso to push the component.
13 | 


--------------------------------------------------------------------------------
/src/IframePCF/ControlManifest.Input.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8" ?>
 2 | <manifest>
 3 |   <control namespace="btd" constructor="IframePCF" version="0.0.1" display-name-key="IframePCF" description-key="IframePCF description" control-type="standard">
 4 |     <!-- property node identifies a specific, configurable piece of data that the control expects from CDS -->
 5 |     <property name="src" display-name-key="Property_Display_Key" description-key="Property_Desc_Key" of-type="SingleLine.Text" usage="bound" required="true" />
 6 |     <!-- 
 7 |       Property node's of-type attribute can be of-type-group attribute. 
 8 |       Example:
 9 |       <type-group name="numbers">
10 |         <type>Whole.None</type>
11 |         <type>Currency</type>
12 |         <type>FP</type>
13 |         <type>Decimal</type>
14 |       </type-group>
15 |       <property name="sampleProperty" display-name-key="Property_Display_Key" description-key="Property_Desc_Key" of-type-group="numbers" usage="bound" required="true" />
16 |     -->
17 |     <resources>
18 |       <code path="index.ts" order="1"/>
19 |       <!-- UNCOMMENT TO ADD MORE RESOURCES
20 |       <css path="css/IframePCF.css" order="1" />
21 |       <resx path="strings/IframePCF.1033.resx" version="1.0.0" />
22 |       -->
23 |     </resources>
24 |     <!-- UNCOMMENT TO ENABLE THE SPECIFIED API
25 |     <feature-usage>
26 |       <uses-feature name="Device.captureAudio" required="true" />
27 |       <uses-feature name="Device.captureImage" required="true" />
28 |       <uses-feature name="Device.captureVideo" required="true" />
29 |       <uses-feature name="Device.getBarcodeValue" required="true" />
30 |       <uses-feature name="Device.getCurrentPosition" required="true" />
31 |       <uses-feature name="Device.pickFile" required="true" />
32 |       <uses-feature name="Utility" required="true" />
33 |       <uses-feature name="WebAPI" required="true" />
34 |     </feature-usage>
35 |     -->
36 |   </control>
37 | </manifest>


--------------------------------------------------------------------------------
/src/src.pcfproj:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <Project ToolsVersion="15.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
 3 |   <PropertyGroup>
 4 |     <PowerAppsTargetsPath>$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v$(VisualStudioVersion)\PowerApps</PowerAppsTargetsPath>
 5 |   </PropertyGroup>
 6 | 
 7 |   <Import Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props" />
 8 |   <Import Project="$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Pcf.props" Condition="Exists('$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Pcf.props')"/>
 9 |   
10 |   <PropertyGroup>
11 |     <Name>src</Name>
12 |     <ProjectGuid>0b759fe8-a720-4165-83e8-0171c15c2294</ProjectGuid>
13 |     <OutputPath>$(MSBuildThisFileDirectory)out\controls</OutputPath>
14 |   </PropertyGroup>
15 | 
16 |   <PropertyGroup>
17 |     <TargetFrameworkVersion>v4.6.2</TargetFrameworkVersion>
18 |     <!--Remove TargetFramework when this is available in 16.1-->
19 |     <TargetFramework>net462</TargetFramework>
20 |     <RestoreProjectStyle>PackageReference</RestoreProjectStyle>
21 |   </PropertyGroup>
22 | 
23 |   <ItemGroup>
24 |     <PackageReference Include="Microsoft.PowerApps.MSBuild.Pcf" Version="1.*"/>
25 |   </ItemGroup>
26 | 
27 |   <ItemGroup>
28 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\.gitignore"/>
29 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\bin\**"/>
30 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\obj\**"/>
31 |     <ExcludeDirectories Include="$(OutputPath)\**"/>
32 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.pcfproj"/>
33 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.pcfproj.user"/>
34 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.sln"/>
35 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\node_modules\**"/>
36 |   </ItemGroup>
37 | 
38 |   <ItemGroup>
39 |     <None Include="$(MSBuildThisFileDirectory)\**" Exclude="@(ExcludeDirectories)"/>
40 |   </ItemGroup>
41 | 
42 |   <Import Project="$(MSBuildToolsPath)\Microsoft.Common.targets" />
43 |   <Import Project="$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Pcf.targets" Condition="Exists('$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Pcf.targets')"/>
44 | 
45 | </Project>
46 | 


--------------------------------------------------------------------------------
/solution/solution.cdsproj:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <Project ToolsVersion="15.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
 3 |   <PropertyGroup>
 4 |     <PowerAppsTargetsPath>$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v$(VisualStudioVersion)\PowerApps</PowerAppsTargetsPath>  
 5 |   </PropertyGroup>
 6 |   
 7 |   <Import Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props" />
 8 |   <Import Project="$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Solution.props" Condition="Exists('$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Solution.props')" />
 9 | 
10 |   <PropertyGroup>
11 |     <ProjectGuid>01602154-fa1a-4028-99bd-74f226861cd0</ProjectGuid>
12 |     <TargetFrameworkVersion>v4.6.2</TargetFrameworkVersion>
13 |     <!--Remove TargetFramework when this is available in 16.1-->
14 |     <TargetFramework>net462</TargetFramework>
15 |     <RestoreProjectStyle>PackageReference</RestoreProjectStyle>
16 |   </PropertyGroup>
17 | 
18 |   <!-- Solution Packager overrides, un-comment to use: SolutionPackagerType (Managed, Unmanaged, Both)
19 |   <PropertyGroup>
20 |     <SolutionPackageType>Managed</SolutionPackageType>
21 |   </PropertyGroup>
22 |   -->
23 |   
24 |   <ItemGroup>
25 |     <PackageReference Include="Microsoft.PowerApps.MSBuild.Solution" Version="1.*" />
26 |   </ItemGroup>
27 |   
28 |   <ItemGroup>
29 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\.gitignore" />
30 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\bin\**" />
31 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\obj\**" />
32 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.cdsproj" />
33 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.cdsproj.user" />
34 |     <ExcludeDirectories Include="$(MSBuildThisFileDirectory)\*.sln" />
35 |   </ItemGroup>
36 |   
37 |   <ItemGroup>
38 |     <None Include="$(MSBuildThisFileDirectory)\**" Exclude="@(ExcludeDirectories)" />
39 |   </ItemGroup>
40 |   
41 |   <ItemGroup>
42 |     <ProjectReference Include="..\src\src.pcfproj" />
43 |   </ItemGroup>
44 | 
45 |   <Import Project="$(MSBuildToolsPath)\Microsoft.Common.targets" />
46 |   <Import Project="$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Solution.targets" Condition="Exists('$(PowerAppsTargetsPath)\Microsoft.PowerApps.VisualStudio.Solution.targets')" />
47 | 
48 | </Project>
49 | 


--------------------------------------------------------------------------------
/src/IframePCF/index.ts:
--------------------------------------------------------------------------------
 1 | import {IInputs, IOutputs} from "./generated/ManifestTypes";
 2 | 
 3 | export class IframePCF implements ComponentFramework.StandardControl<IInputs, IOutputs> {
 4 | 	private iframeelem:HTMLIFrameElement;
 5 | 
 6 | 	/**
 7 | 	 * Empty constructor.
 8 | 	 */
 9 | 	constructor()
10 | 	{
11 | 
12 | 	}
13 | 
14 | 	/**
15 | 	 * Used to initialize the control instance. Controls can kick off remote server calls and other initialization actions here.
16 | 	 * Data-set values are not initialized here, use updateView.
17 | 	 * @param context The entire property bag available to control via Context Object; It contains values as set up by the customizer mapped to property names defined in the manifest, as well as utility functions.
18 | 	 * @param notifyOutputChanged A callback method to alert the framework that the control has new outputs ready to be retrieved asynchronously.
19 | 	 * @param state A piece of data that persists in one session for a single user. Can be set at any point in a controls life cycle by calling 'setControlState' in the Mode interface.
20 | 	 * @param container If a control is marked control-type='standard', it will receive an empty div element within which it can render its content.
21 | 	 */
22 | 	public init(context: ComponentFramework.Context<IInputs>, notifyOutputChanged: () => void, state: ComponentFramework.Dictionary, container:HTMLDivElement)
23 | 	{
24 | 		// Add control initialization code
25 | 		this.iframeelem = document.createElement("iframe");
26 | 
27 | 		if( context.parameters.src.raw)
28 | 		{
29 | 		this.iframeelem.src = context.parameters.src.raw
30 | 		};
31 | 		
32 | 		this.iframeelem.width = "500";
33 | 		this.iframeelem.height ="700";
34 | 		this.iframeelem.frameBorder = "0";
35 | 
36 | 		container.appendChild(this.iframeelem);
37 | 	}
38 | 
39 | 
40 | 	/**
41 | 	 * Called when any value in the property bag has changed. This includes field values, data-sets, global values such as container height and width, offline status, control metadata values such as label, visible, etc.
42 | 	 * @param context The entire property bag available to control via Context Object; It contains values as set up by the customizer mapped to names defined in the manifest, as well as utility functions
43 | 	 */
44 | 	public updateView(context: ComponentFramework.Context<IInputs>): void
45 | 	{
46 | 		// Add code to update control view
47 | 		// Add code to update control view
48 | 		if( context.parameters.src.raw)
49 | 		{
50 | 		this.iframeelem.src = context.parameters.src.raw
51 | 		};
52 | 		
53 | 		this.iframeelem.width = "500";
54 | 		this.iframeelem.height ="700";		
55 | 		this.iframeelem.frameBorder = "0";
56 | 	}
57 | 
58 | 	/** 
59 | 	 * It is called by the framework prior to a control receiving new data. 
60 | 	 * @returns an object based on nomenclature defined in manifest, expecting object[s] for property marked as “bound” or “output”
61 | 	 */
62 | 	public getOutputs(): IOutputs
63 | 	{
64 | 		return {};
65 | 	}
66 | 
67 | 	/** 
68 | 	 * Called when the control is to be removed from the DOM tree. Controls should use this call for cleanup.
69 | 	 * i.e. cancelling any pending remote calls, removing listeners, etc.
70 | 	 */
71 | 	public destroy(): void
72 | 	{
73 | 		// Add code to cleanup control if necessary
74 | 	}
75 | }


--------------------------------------------------------------------------------
/solution/Other/Solution.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <ImportExportXml version="9.1.0.643" SolutionPackageVersion="9.1" languagecode="1033" generatedBy="CrmLive" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
 3 |   <SolutionManifest>
 4 |     <!-- Unique Name of Cds Solution-->
 5 |     <UniqueName>solution</UniqueName>
 6 |     <LocalizedNames>
 7 |       <!-- Localized Solution Name in language code -->
 8 |       <LocalizedName description="solution" languagecode="1033" />
 9 |     </LocalizedNames>
10 |     <Descriptions />
11 |     <Version>1.0</Version>
12 |     <!-- Solution Package Type: Unmanaged(0)/Managed(1)/Both(2)-->
13 |     <Managed>2</Managed>
14 |     <Publisher>
15 |       <!-- Unique Publisher Name of Cds Solution -->
16 |       <UniqueName>btd</UniqueName>
17 |       <LocalizedNames>
18 |         <!-- Localized Cds Publisher Name in language code-->
19 |         <LocalizedName description="btd" languagecode="1033" />
20 |       </LocalizedNames>
21 |       <Descriptions>
22 |         <!-- Description of Cds Publisher in language code -->
23 |         <Description description="btd" languagecode="1033" />
24 |       </Descriptions>
25 |       <EMailAddress xsi:nil="true"></EMailAddress>
26 |       <SupportingWebsiteUrl xsi:nil="true"></SupportingWebsiteUrl>
27 |       <!-- Customization Prefix for the Cds Publisher-->
28 |       <CustomizationPrefix>btd</CustomizationPrefix>
29 |       <!-- Derived Option Value Prefix for the Customization Prefix of Cds Publisher -->
30 |       <CustomizationOptionValuePrefix>55784</CustomizationOptionValuePrefix>
31 |       <Addresses>
32 |         <!-- Address of the Publisher-->
33 |         <Address>
34 |           <AddressNumber>1</AddressNumber>
35 |           <AddressTypeCode>1</AddressTypeCode>
36 |           <City xsi:nil="true"></City>
37 |           <County xsi:nil="true"></County>
38 |           <Country xsi:nil="true"></Country>
39 |           <Fax xsi:nil="true"></Fax>
40 |           <FreightTermsCode xsi:nil="true"></FreightTermsCode>
41 |           <ImportSequenceNumber xsi:nil="true"></ImportSequenceNumber>
42 |           <Latitude xsi:nil="true"></Latitude>
43 |           <Line1 xsi:nil="true"></Line1>
44 |           <Line2 xsi:nil="true"></Line2>
45 |           <Line3 xsi:nil="true"></Line3>
46 |           <Longitude xsi:nil="true"></Longitude>
47 |           <Name xsi:nil="true"></Name>
48 |           <PostalCode xsi:nil="true"></PostalCode>
49 |           <PostOfficeBox xsi:nil="true"></PostOfficeBox>
50 |           <PrimaryContactName xsi:nil="true"></PrimaryContactName>
51 |           <ShippingMethodCode>1</ShippingMethodCode>
52 |           <StateOrProvince xsi:nil="true"></StateOrProvince>
53 |           <Telephone1 xsi:nil="true"></Telephone1>
54 |           <Telephone2 xsi:nil="true"></Telephone2>
55 |           <Telephone3 xsi:nil="true"></Telephone3>
56 |           <TimeZoneRuleVersionNumber xsi:nil="true"></TimeZoneRuleVersionNumber>
57 |           <UPSZone xsi:nil="true"></UPSZone>
58 |           <UTCOffset xsi:nil="true"></UTCOffset>
59 |           <UTCConversionTimeZoneCode xsi:nil="true"></UTCConversionTimeZoneCode>
60 |         </Address>
61 |         <Address>
62 |           <AddressNumber>2</AddressNumber>
63 |           <AddressTypeCode>1</AddressTypeCode>
64 |           <City xsi:nil="true"></City>
65 |           <County xsi:nil="true"></County>
66 |           <Country xsi:nil="true"></Country>
67 |           <Fax xsi:nil="true"></Fax>
68 |           <FreightTermsCode xsi:nil="true"></FreightTermsCode>
69 |           <ImportSequenceNumber xsi:nil="true"></ImportSequenceNumber>
70 |           <Latitude xsi:nil="true"></Latitude>
71 |           <Line1 xsi:nil="true"></Line1>
72 |           <Line2 xsi:nil="true"></Line2>
73 |           <Line3 xsi:nil="true"></Line3>
74 |           <Longitude xsi:nil="true"></Longitude>
75 |           <Name xsi:nil="true"></Name>
76 |           <PostalCode xsi:nil="true"></PostalCode>
77 |           <PostOfficeBox xsi:nil="true"></PostOfficeBox>
78 |           <PrimaryContactName xsi:nil="true"></PrimaryContactName>
79 |           <ShippingMethodCode>1</ShippingMethodCode>
80 |           <StateOrProvince xsi:nil="true"></StateOrProvince>
81 |           <Telephone1 xsi:nil="true"></Telephone1>
82 |           <Telephone2 xsi:nil="true"></Telephone2>
83 |           <Telephone3 xsi:nil="true"></Telephone3>
84 |           <TimeZoneRuleVersionNumber xsi:nil="true"></TimeZoneRuleVersionNumber>
85 |           <UPSZone xsi:nil="true"></UPSZone>
86 |           <UTCOffset xsi:nil="true"></UTCOffset>
87 |           <UTCConversionTimeZoneCode xsi:nil="true"></UTCConversionTimeZoneCode>
88 |         </Address>
89 |       </Addresses>
90 |     </Publisher>
91 |     <RootComponents />
92 |     <MissingDependencies />
93 |   </SolutionManifest>
94 | </ImportExportXml>


--------------------------------------------------------------------------------