NetC.FontAwesomeFormComponent.Kentico.MVC 12.29.4

.NET Framework 4.7.2 
dotnet add package NetC.FontAwesomeFormComponent.Kentico.MVC --version 12.29.4
NuGet\Install-Package NetC.FontAwesomeFormComponent.Kentico.MVC -Version 12.29.4
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="NetC.FontAwesomeFormComponent.Kentico.MVC" Version="12.29.4" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add NetC.FontAwesomeFormComponent.Kentico.MVC --version 12.29.4
#r "nuget: NetC.FontAwesomeFormComponent.Kentico.MVC, 12.29.4"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
// Install NetC.FontAwesomeFormComponent.Kentico.MVC as a Cake Addin
#addin nuget:?package=NetC.FontAwesomeFormComponent.Kentico.MVC&version=12.29.4

// Install NetC.FontAwesomeFormComponent.Kentico.MVC as a Cake Tool
#tool nuget:?package=NetC.FontAwesomeFormComponent.Kentico.MVC&version=12.29.4

Kentico 12 MVC Font Awesome Form Component

font-awesome-form-component for Kentico MVC, adds the ability for a content editor to select a Font Awesome 5.x icon from a modal popup.

Nuget Package

https://www.nuget.org/packages/NetC.FontAwesomeFormComponent.Kentico.MVC/

Example use

  1. Include a property within an MVC widget property class:
[EditingComponent(FontAwesomeIconSelectorComponent.IDENTIFIER, Label = "Icon")]
/// <summary>
/// Icon field input.
/// </summary>
public string Icon { get; set; }
  1. Complete setting up the MVC widget itself, passing the Icon field through to the widget view, e.g.:
<i class="@Model.Icon"></i>
  1. Ensure your MVC site's layout contains Font Awesome CSS/JS, e.g.:
<!DOCTYPE html>

<html>
<head id="head">
    ...
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css" integrity="sha256-zmfNZmXoNWBMemUOo1XUGFfc0ihGGLYdgtJS3KCr/l0=" crossorigin="anonymous" />
        <script type="text/javascript">
        // Notice how this gets configured before we load Font Awesome
        window.FontAwesomeConfig = { autoReplaceSvg: false }
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/js/all.min.js" integrity="sha256-iZGp5HAiwRmkbOKVYv5FUER4iXp5QbiEudkZOdwLrjw=" crossorigin="anonymous"></script>
</head>

  1. Add the widget to an MVC page, and open the config window to see the new property available: form component image

  2. Clicking the 'Open dialog' button opens the icon selection modal popup: form component modal image

⌨️ Contributions, 🐛 bug fixes and 📜 license

Feel free to Fork and submit pull requests to contribute.

You can submit bugs through the issue list and we will get to them as soon as we can, unless you want to fix it yourself and submit a pull request!

Check the LICENSE.txt for License information

Compatibility

Can be used on any Kentico 12 SP site (hotfix 29 or above).

Product Compatible and additional computed target framework versions.
.NET Framework net472 is compatible.  net48 was computed.  net481 was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
12.29.4 793 9/11/2019
12.29.3 555 9/11/2019
12.29.2 522 9/8/2019
12.29.1 567 9/7/2019

Changed back to only include free icons rather than including pro.