Sitecore Field Types

  0 rating
2/24/2013 11:41:00 PM
4/17/2015 1:39:27 PM
Source: GitHub
Provider: Sitecore

About

The Sitecore field types module extends the list of field types for Sitecore with a Twitter like text field where you are only allowed to have 140 characters, a slider and a carousel just to name some of the types.

Documentation

Documentation
  • Documentation > How to Build
    How to Build

    (If you just want to use the fields and don't care about the code, see the download section above)

        1. Get the source from the download button
        2. Copy/install the Sitecore Crestone on top of it, add license, setup databases, etc
        3. Install the /data/packages/Outercore.FieldTypes.ItemsOnly.zip package
        4. Launch /sitecore modules/Outercore.Fieldtypes/Outercore.FieldTypes.sln. You will need Microsoft Visual Studio 2008 to work with the project.
        5. Build in visual studio.
        To assemble a production package, log into the Sitecore desktop, open Outercore.Fieldtypes package project using the package designer and build the package. You might need to update the project if you've added new files.
        6. Test.
        7. The package is ready for production usage.

    0
  • Documentation > Available Fields
    Available Fields

    The goal of the project is to provide additional field types for Sitecore Client.

    Available fields:

    Visual List


    Use Visual list to allow to maintain a list of items in a very simple and visual way. The field allows editors to select any number of items from the specified source, and supports drag-and-drop reordering.

    visual list

    Good usage scenarios for the field include maintaining a list of banners to rotate on a page, a list of product images, etc. An advantage over using a set of subitems to achieve the same functionality is editor experience: not having to switch items saves a lot of editing time, and it's easy to see all of the selected items at once.

    Configuration

    The field is configured using a source field on a template.

    The source defines a location in the content tree that the "Add item" dialog will default to. Both content and media library locations are support and the appropriate dialog will be shown.

    It is also possible to define which fields to use to get the title and image for each item rendered in the field as well as define the dimensions of the thumbnails displayed in the list.

    Examples:

    Source only, "add item" dialog will start at /sitecore/content/folder

    /sitecore/content/folder

    Additional configuration: "Title" field will be used to render item name, and "ProductImage" field will be used to get the image:

    /sitecore/content/folder?text=Title&image=ProductImage

    Specify a custom thumbnail dimension of 40 width and 30 height

    w=40&h=30

    Usage

    The field stores a pipe-separated list of IDs of the selected items, much like the multilist or tree list fields do.

    Use multilist techiques in xsl, and MultilistField class in the code-behind.

    Carousel

    Use carousel to allow user select one item out of many, using image thumbnails or item icons as a guide.

    carousel

    Configuration

    The field is configured using a source field on a template.

    The source is required as to define a list of items for the user to choose from. The source can be set either to a media library location, in which case image thumbnails will be rendered, or a content location. In later case, the field will use item icons by default.

    It is also possible to define which fields to use to get the title and image for each item rendered in the field.

    Examples:

    Source only, a user will be able to select from one of the children of the folder:

    /sitecore/content/folder

    Additional configuration: "Title" field will be used to render item name, and "ProductImage" field will be used to get the image:

    /sitecore/content/folder?text=Title&image=ProductImage

    Usage

    The field stores an ID of the selected item. Use similar to Droplist, Droptree or reference Sitecore fields.

    Text List 

    Maintains a list of selected items in apple mail / facebook style, allowing fast keyboard input with autocomplete support while taking small amount of vertical space.

    text list

    The field also supports drag & drop reordering:

    limited single line text

    Text List field should be a good fit for maintaining a list of tags, email addresses and such:

    single line text drop down

    Configuration

    The field is configured using a source field on a template, which acts as a standard Sitecore source, supporting Sitecore query, xpath or item path.

    Example:

    /sitecore/templates/System/Templates//*

    Makes all items underneath system templates to be selectable

    Usage

    The field stores a pipe separated list of selected item ids, much like most Sitecore list fields, such as Multilist.

    Notes and Limitations

    It is not possible to add new values instead of selecting one from the list, this might be implemented in future versions. Firefox is not supported yet.

    Other possible additions: display icons and item paths, better match Sitecore color theme, storing text values instead of ids. If you have strong opinions about having or not having these features, or other suggestions, please mail ar@….

    Limited Single-line Text

    A modification of Single-line Text, that allows to limit its length and that displays the amount of remaining characters. Can be configured to disallow further input once the limit is reached.

    limited text

    Configuration

    The field is configured using a source field on a template.

    Examples:

    Setting the limit:

    Limit=40

    Setting the limit and disallowing input once the limit is reached (off by default): Examples:

    Minimum and maximum only, anything between 1 and 200 can be selected, including floats.

    Limit=40&PreventTyping=true

    Note: when changing the character limit, make sure to also update the limit in the Sitecore maximum length validator that is assigned to the field (40 by default).

    Usage

    The field works exactly as single-line text in other regards.

    Slider

    Use slider to allow user select a numeric value from a predefined range.

    slider

    Configuration

    The field is configured using a source field on a template.

    The minimum and maximum values are required.

    The values are optional: if the values are not supplied, it will be possible to select any number between Min and Max.

    You can optionally set an interval to have the slider "snap" in increments of the given value.

    Examples:

    Minimum and maximum only, anything between 1 and 200 can be selected, including floats.

    Min=1&Max=200

    Using predefined values. Only 1, 5, 35 or 100 can be selected.

    Min=1&Max=200&Values=1, 5, 35, 100

    Selection in intervals of 0.5 between 0 and 10

    Min=0&Max=10&Interval=0.5

    Usage

    The field stores a numeric value.

    Filtered Multilist

     A modification of standard Sitecore multilist with inline search for values in the left panel. Handy if you have multilist with a large amount of selectable values.

    This is a simple drop-in replacement, you can change field type of existing multilist fields to filtered multilist to benefit from the filter, without loosing any values.

    filtered multi list

    With filter applied:

    filtered multi list values

    Configuration and Usage

    The field behaves as Sitecore multilist in all aspects, including configuration and the way values are stored.

Back
Release notes
The module was added 08-07-2008
Read more Back
Code examples

Solution screenshots(0)

Upload

Reviews (0)

Sort by: Date Most votes
  • Profile Avatar
    [fullName]

    Level: 0

    x0 x0 x0

    [date]

    [title]

    [text]

    Was this helpful?

    0

Comments (0)

Sort by: Date  Most votes

Leave a Comment

Comment must be field in
Post comment
loader

Write a review

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

Download

Title Description Download Action

Add File