Icon Selector Field

  0 rating
9/28/2015 5:37:15 PM
10/8/2015 10:44:40 AM
Source: Github


Icon Selector Field Selected

Icon Selection SPEAK UI Dialog


  • Documentation > <p style="margin:0in;font-family:Calibri;font-size:11.0pt">GETTING STARTED WITH THE ICON SELECTOR FIELD</p>
    Icon selector field



    Install the Package Icon Selector Field Package-1.0.zip as you would any regular package.

    You will need to do a Site publish to get have the items available and to ensure the search indexes are re-built.




    After installation you will have a new Link Field Type in the core database

    In the master database you will have a folder containing the all the defined icon items which drives the SPEAK UI search from

    Icon Folder

    You will need to add a new field to a template of type CustomIcon

    When the new field is added to you template, locate the template in the Content Editor, the Field has two states Icon Not Selected 

    Not Selected

    and Icon Selected

    Icon Selected

    Clicking the Edit button will bring up a SPEAK UI Dialog to allow selection and search of the Icons.

    Icon Speak UI

    To use the Icons on your website you can reference the CSS file - sitecore\shell\client\Your Apps\Dialogs\InsertCustomIconDialog\Icons.css or copy the contents of the file to a custom css file and ensure the icons font file references are updated.

    The Icon field values are stored as a GUID and can be used as you would any other link type and use the items 

    CssClass field eg item.Fields["CssClass"].Value. 

    If you are using Glass Mapper the package also includes an AbstractSitecoreFieldMapper for this type that you can add CustomIconField types to your models and  access  with @Model.Datasource.Icon.CssClass 

Release notes
Initial Release 1.0 - 29/09/2015
Read more Back
Code examples

Solution screenshots(0)


Reviews (0)

Sort by: Date Most votes
  • Profile Avatar

    Level: 0

    x0 x0 x0




    Was this helpful?


Comments (0)

Sort by: Date  Most votes

Leave a Comment

Comment must be field in
Post comment

Write a review

Title can't be empty
Review can't be empty
Post review


Title Description Download Action

Add File