Skip to content
No description, website, or topics provided.
TypeScript
Branch: master
Clone or download
Latest commit f498fb7 Nov 21, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
IconTwoOption
Solution
.gitattributes
.gitignore first step Nov 19, 2019
IconTwoOption.PCF.pcfproj
IconTwoOption.png adding solutions Nov 19, 2019
IconTwoOptionPCF_1_0_0_0.zip
IconTwoOptionPCF_1_0_0_0_managed.zip
LICENSE
README.md Uptate Readme Nov 21, 2019
package-lock.json first step Nov 19, 2019
package.json
pcfconfig.json first step Nov 19, 2019
tsconfig.json

README.md

IconTwoOption.PCF

IconTwoOption PCF (PowerApps Component framework) Control that turns a PowerApps TwoOption field into a configurable Office UI Fabric Choice group with Icons

Available icons here : https://developer.microsoft.com/en-us/fabric#/styles/web/icons#available-icons

Dependencies

office-ui-fabric-react : https://github.com/OfficeDev/office-ui-fabric-react

Parameters

Parameter Description Default
Two Option Field Bounded TwoOption field
Left Side Icon Name of the left side icon, see Available icons link. DislikeSolid
Right Side Icon Name of the right side icon, see Available icons link. LikeSolid
Left Side Text Text under the left side icon Dislike
Right Side Text Text under the right side icon Like
Left Side Selected color Color of left icon when selected.Supports literal (ex. blue, red) and RGBA color codes (ex. #da9494) #005A9E
Right Side Selected color Color of right icon when selected.Supports literal (ex. blue, red) and RGBA color codes (ex. #da9494) #005A9E

Screenshots

alt text

Installation

You can install the component directly with the provided files

https://github.com/drivardxrm/IconTwoOption.PCF/blob/master/IconTwoOptionPCF_1_0_0_0.zip (Unmanaged solution)

https://github.com/drivardxrm/IconTwoOption.PCF/blob/master/IconTwoOptionPCF_1_0_0_0_managed.zip (Managed solution)

Get required tools

To use Microsoft PowerApps CLI, do the following:

  • Install Npm (comes with Node.js) or install Node.js (comes with npm). We recommend LTS (Long Term Support) version 10.15.3 LTS as it seems to be most stable.

  • Install .NET Framework 4.6.2 Developer Pack.

  • If you don’t already have Visual Studio 2017 or later, follow one of the options below:

    • Option 1: Install Visual Studio 2017 or later.
    • Option 2: Install .NET Core 2.2 SDK and then install Visual Studio Code.
  • Install Microsoft PowerApps CLI.

Be sure to update your Microsoft PowerApps CLI to the latest version:

pac install latest

Build the control

  • Clone the repo/ download the zip file.
  • Navigate to ./IconTwoOption/ folder.
  • Copy the folder path and open it in visual studio code.
  • Open the terminal, and run the command the following command to install the project dependencies:
npm install

Then run the command:

npm run start

Build the solution

  • Create a new solution folder and open the Developer command prompt.
  • Change the directory to the newly created folder in previous step.
  • Init the future solution:
pac solution init --publisherName someName --customizationPrefix someSolutionPrefix
  • Add the control to your future solution:
pac solution add-reference --path provide path of control project folder where the pcf.proj is available
  • Build 1/2:
msbuild /t:restore
  • Build 2/2:
msbuild
  • You will have the solution file in SolutionFolder/bin/debug folder!

If you want to change the solution type you have to edit the .cdsproj file:

Solution Packager overrides, un-comment to use: SolutionPackagerType (Managed, Unmanaged, Both)
  <PropertyGroup>
    <SolutionPackageType>Managed</SolutionPackageType>
  </PropertyGroup>
You can’t perform that action at this time.