x First time here? Check out the FAQ
Warren Buckley started this project on Tuesday, January 24, 2012 it's current version is 1.0 .

Package Info

Project Owner/Creator

Avatar

Warren Buckley

1575posts 2183karma

Project Compatibility

This project has been reported to be compatible with 5.0.0

View Details Report Compatibility

Project Information

Project owner:
Warren Buckley
Created:
Tuesday, January 24, 2012
Is Stable:
Project is stable
Current version
1.0
License
MIT
Tags
color  property editor  RGBA  RGB  Hex  Colour 
Downloads:
64

Contribute

Group

This package is open for collaboration.
Contact the owner

RGBA Property Editor

This package is exclusively for V5 of Umbraco, so please do not try to install it in a version 4 Umbraco site.

Description

This package installs a RGBA Colour Picker Property Editor plugin into your Umbraco V5 website. That will allow you to save a RGB, RGBA and Hex colour based.

Documentation

The property has six values that you can retrieve from it to use in your Razor code:

  • Red
  • Green
  • Blue
  • Alpha
  • Hex
  • RGB
  • RGBA

For example if your current page has the RGBA property with the alias of 'sidebarColour' you could for example retrieve the value of RGBA which is a CSV string that you could pass into some CSS on the page.

<style type="text/css">
    /* Overrides */
    aside 
    {
	/* Safe fallbacks to RGB then fallback to solid Hex */
        background-color: @DynamicModel.sidebarColour.Hex;
        background-color: rgb(@DynamicModel.sidebarColour.RGB);
        background-color: rgba(@DynamicModel.sidebarColour.RGBA);
    }
</style>

PreValues

Prevalues are the settings for the property editor when you create the Data Type in the Developer section of Umbraco. To configure the Bing Map you need the following settings setup:

  • Red
  • Green
  • Blue
  • Alpha

Source Code

This property editor was fairly straight forward to create, so I highly recommend you look at the source code found in the Umbraco V5 Contrib Project on Codeplex and pull apart the source, learn and make your own great property editors that you can share with the community.
http://umbraco5contrib.codeplex.com

 

Screenshots

Package Files

Documentation

Package discussions

Bugs
1 topics, 4 posts
Got any bugs or problems with the property editor, post them here please
6 weeks ago by Warren Buckley
Suggestions
0 topics, 0 posts
Got a suggestion on how to improve the property editor, post it here please.