drivardxrm / ShieldsIO.Badge.PCF

PCF control to render Shields.io badges

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ShieldsIO.Badge.PCF GitHub all releases

PowerApps Component framework (PCF) Control to render awesome shields.io badges in Dataverse Model-driven forms and Canvas Apps

PowerApps + shieldsio

💸 If you like shieldsio, please consider donating : https://opencollective.com/shields

Features:

  • Generic : Can be bound to most of the available Dataverse fields types (see available input types)
  • Portable : Works in Model-driven apps, Canvas apps, PowerApps portals
  • Provide a redirect URL to turn your badge clickable

Parameters

Parameter Description Default
Message Main Message of the badge, can be bound to any available field type (see available input types below)
Show Label Show label on the left side of the badge false
Custom Label (Optional) Custom label text, if blank the display name of the field will be shown
Color (Optional) Color of the Message 🎨
Label Color (Optional) Color of the Label 🎨
Style Style of the Badge (plastic, flat, flat-square, for-the-badge, social) plastic
Logo (Optional) Logo. see https://simpleicons.org/ for available logos
Logo Color (Optional) Color of the Logo 🎨
Url (Optional) Redirect to this URL on click of the badge

🎨 For color parmeters : hex, rgb, rgba, hsl, hsla and css named colors supported

Available Input types

SingleLine.Text
SingleLine.Email
SingleLine.Phone
SingleLine.Ticker
SingleLine.URL
SingleLine.TextArea
Whole.None
Currency
FP
Decimal
Lookup.Simple
DateAndTime.DateAndTime
DateAndTime.DateOnly
OptionSet
TwoOptions
Enum
Multiple
MultiSelectOptionSet

Screenshots

shieldsbadge

image

image

image

2022-04-03 19_27_48-Window

creds

Installation

You can install the component directly from solution files contained in the 'Release' section https://github.com/drivardxrm/Shields.Badge.PCF/releases/latest

About

PCF control to render Shields.io badges

License:MIT License


Languages

Language:TypeScript 95.0%Language:JavaScript 5.0%