Color

Type

Class

Namespace

craft\fields

Inherits

craft\fields\Color » craft\base\Field » craft\base\SavableComponent » craft\base\ConfigurableComponent » craft\base\Component » craft\base\Model » yii\base\Model » yii\base\Component » yii\base\BaseObject

Implements

ArrayAccess, IteratorAggregate, craft\base\ComponentInterface, craft\base\ConfigurableComponentInterface, craft\base\FieldInterface, craft\base\PreviewableFieldInterface, craft\base\SavableComponentInterface, yii\base\Arrayable, yii\base\Configurable, yii\base\StaticInstanceInterface

Uses traits

craft\base\ClonefixTrait, craft\base\FieldTrait, craft\base\SavableComponentTrait, yii\base\ArrayableTrait, yii\base\StaticInstanceTrait

Since

3.0.0

Color represents a Color field.

View source

Public Properties

Property	Description
activeValidators	yii\validators\Validator – The validators applicable to the current scenario.
attributes	array – Attribute values (name => value).
behaviors	yii\base\Behavior – List of behaviors attached to this component.
columnPrefix	string, null – The field’s content column prefix
columnSuffix	string, null – The field’s content column suffix
contentColumnType	string, string[] – The column type(s).
contentGqlMutationArgumentType	\GraphQL\Type\Definition\Type, array
contentGqlQueryArgumentType	\GraphQL\Type\Definition\Type, array
contentGqlType	\GraphQL\Type\Definition\Type, array
context	string, null – The field’s context
dateCreated	DateTime, null – The date that the component was created
dateUpdated	DateTime, null – The date that the component was last updated
defaultColor	string, null – The default color hex
describedBy	string, null – The aria-describedby attribute value that should be set on the focusable input(s).
eagerLoadingGqlConditions	array, false
elementValidationRules	array
errors	array – Errors for all attributes or the specified attribute.
firstErrors	array – The first errors.
group	craft\models\FieldGroup, null
groupId	integer, null – The field’s group’s ID
handle	string, null – The field’s handle
id	integer, string, null – The component’s ID (could be a temporary one: "new:X")
inputId	string
instructions	string, null – The field’s instructions
isNew	boolean – Whether the component is new (unsaved)
isTranslatable	boolean
iterator	ArrayIterator – An iterator for traversing the items in the list.
layoutId	integer, null – The ID of the field layout that the field was fetched from
name	string, null – The field’s name
oldHandle	string, null – The field’s previous handle
oldSettings	array, null – The field’s previous settings
required	boolean, null – Whether the field is required in the field layout it was fetched from
scenario	string – The scenario that this model is in.
searchable	boolean – Whether the field's values should be registered as search keywords on the elements.
settings	array – The component’s settings
settingsHtml	string, null
sortOption	array
sortOrder	integer, null – The field’s sort position in the field layout it was fetched from
tabId	integer, null – The tab ID of the field layout that the field was fetched from
translationDescription	string, null
translationKeyFormat	string, null – The field’s translation key format, if translationMethod is "custom"
translationMethod	string – The field’s translation method
uid	string, null – The field's UID
validators	ArrayObject, yii\validators\Validator – All the validators declared in the model.

contentColumnType

Type

string, string[]

Default value

null

Access

Read-only

The column type(s). yii\db\QueryBuilder::getColumnType() will be called to convert the give column type to the physical one. For example, string will be converted as varchar(255) and string(100) becomes varchar(100). not null will automatically be appended as well.

View source

defaultColor

Type

string, null

Default value

null

The default color hex

View source

elementValidationRules

Type

array

Default value

null

Access

Read-only

View source

settingsHtml

Type

string, null

Default value

null

Access

Read-only

View source

Public Methods

Method	Description
__call()	Calls the named method which is not a class method.
__clone()	This method is called after the object is created by cloning an existing one.
__construct()	Constructor.
__get()	Returns the value of a component property.
__isset()	Checks if a property is set, i.e. defined and not null.
__set()	Sets the value of a component property.
__toString()	Use the translated field name as the string representation.
__unset()	Sets a component property to be null.
activeAttributes()	Returns the attribute names that are subject to validation in the current scenario.
addError()	Adds a new error to the specified attribute.
addErrors()	Adds a list of errors.
addModelErrors()	Adds errors from another model, with a given attribute name prefix.
afterDelete()	Performs actions after a component is deleted.
afterElementDelete()	Performs actions after the element has been deleted.
afterElementPropagate()	Performs actions after the element has been fully saved and propagated to other sites.
afterElementRestore()	Performs actions after the element has been restored.
afterElementSave()	Performs actions after the element has been saved.
afterSave()	Performs actions after a component is saved.
afterValidate()	This method is invoked after validation ends.
attachBehavior()	Attaches a behavior to this component.
attachBehaviors()	Attaches a list of behaviors to the component.
attributeHints()	Returns the attribute hints.
attributeLabels()	Returns the attribute labels.
attributes()	Returns the list of attribute names.
beforeApplyDelete()	Performs actions before a component delete is applied to the database.
beforeDelete()	Performs actions before a component is deleted.
beforeElementDelete()	Performs actions before an element is deleted.
beforeElementRestore()	Performs actions before an element is restored.
beforeElementSave()	Performs actions before an element is saved.
beforeSave()	Performs actions before a component is saved.
beforeValidate()	This method is invoked before validation starts.
behaviors()	Returns a list of behaviors that this component should behave as.
canGetProperty()	Returns a value indicating whether a property can be read.
canSetProperty()	Returns a value indicating whether a property can be set.
className()	Returns the fully qualified name of this class.
clearErrors()	Removes errors for all attributes or a single attribute.
copyValue()	Copies the field’s value from one element to another.
createValidators()	Creates validator objects based on the validation rules specified in rules().
datetimeAttributes()	Returns the names of any attributes that should hold DateTime values.
detachBehavior()	Detaches a behavior from the component.
detachBehaviors()	Detaches all behaviors from the component.
displayName()	Returns the display name of this class.
ensureBehaviors()	Makes sure that the behaviors declared in behaviors() are attached to this component.
extraFields()	Returns the list of fields that can be expanded further and returned by toArray().
fields()	Returns the list of fields that should be returned by default by toArray() when no specific fields are specified.
formName()	Returns the form name that this model class should use.
generateAttributeLabel()	Generates a user friendly attribute label based on the give attribute name.
getActiveValidators()	Returns the validators applicable to the current scenario.
getAttributeHint()	Returns the text hint for the specified attribute.
getAttributeLabel()	Returns the text label for the specified attribute.
getAttributes()	Returns attribute values.
getBehavior()	Returns the named behavior object.
getBehaviors()	Returns all behaviors attached to this component.
getContentColumnType()	Returns the column type(s) that this field should get within the content table.
getContentGqlMutationArgumentType()	Returns the GraphQL type to be used as an argument in mutations for this field type.
getContentGqlQueryArgumentType()	Returns the GraphQL type to be used as an argument in queries for this field type.
getContentGqlType()	Returns the GraphQL type to be used for this field type.
getEagerLoadingGqlConditions()	Returns an array that lists the scopes this custom field allows when eager-loading or false if eager-loading should not be allowed in the GraphQL context.
getElementValidationRules()	Returns the validation rules for an element with this field.
getError()	Returns the first error of the specified attribute.
getErrorSummary()	Returns the errors for all attributes as a one-dimensional array.
getErrors()	Returns the errors for all attributes or a single attribute.
getFirstError()	Returns the first error of the specified attribute.
getFirstErrors()	Returns the first error of every attribute in the model.
getGroup()	Returns the field’s group.
getInputHtml()	Returns the field’s input HTML.
getInputId()	Returns the input’s ID, which the <label>’s for attribute should reference.
getIsNew()	Returns whether the component is new (unsaved).
getIsTranslatable()	Returns whether the field should be shown as translatable in the UI.
getIterator()	Returns an iterator for traversing the attributes in the model.
getOrientation()	Returns the orientation the field should use (ltr or rtl).
getScenario()	Returns the scenario that this model is used in.
getSearchKeywords()	Returns the search keywords that should be associated with this field.
getSettings()	Returns an array of the component’s settings.
getSettingsHtml()	Returns the component’s settings HTML.
getSortOption()	Returns the sort option array that should be included in the element’s sortOptions() response.
getStaticHtml()	Returns a static (non-editable) version of the field’s input HTML.
getStatus()	Returns the status of the field for a given element.
getTableAttributeHtml()	Returns the HTML that should be shown for this field in Table View.
getTranslationDescription()	Returns the description of this field’s translation support.
getTranslationKey()	Returns the field’s translation key, based on a given element.
getValidators()	Returns all the validators declared in rules().
hasContentColumn()	Returns whether this field has a column in the content table.
hasErrors()	Returns a value indicating whether there is any validation error.
hasEventHandlers()	Returns a value indicating whether there is any handler attached to the named event.
hasMethod()	Returns a value indicating whether a method is defined.
hasProperty()	Returns a value indicating whether a property is defined for this component.
includeInGqlSchema()	Returns whether the field should be included in the given GraphQL schema.
init()	Initializes the object.
instance()	Returns static class instance, which can be used to obtain meta information.
isAttributeActive()	Returns a value indicating whether the attribute is active in the current scenario.
isAttributeRequired()	Returns a value indicating whether the attribute is required.
isAttributeSafe()	Returns a value indicating whether the attribute is safe for massive assignments.
isEmpty()
isSelectable()	Returns whether the component should be selectable in component Type selects.
isValueEmpty()	Returns whether the given value should be considered “empty” to a validator.
load()	Populates the model with input data.
loadMultiple()	Populates a set of models with the data from end user.
modifyElementIndexQuery()	Modifies an element index query.
modifyElementsQuery()	Modifies an element query.
normalizeValue()	Normalizes the field’s value for use.
off()	Detaches an existing event handler from this component.
offsetExists()	Returns whether there is an element at the specified offset.
offsetGet()	Returns the element at the specified offset.
offsetSet()	Sets the element at the specified offset.
offsetUnset()	Sets the element value at the specified offset to null.
on()	Attaches an event handler to an event.
onUnsafeAttribute()	This method is invoked when an unsafe attribute is being massively assigned.
rules()	Returns the validation rules for attributes.
safeAttributes()	Returns the attribute names that are safe to be massively assigned in the current scenario.
scenarios()	Returns a list of scenarios and the corresponding active attributes.
serializeValue()	Prepares the field’s value to be stored somewhere, like the content table.
setAttributes()	Sets the attribute values in a massive way.
setIsFresh()	Sets whether the field is fresh.
setScenario()	Sets the scenario for the model.
settingsAttributes()	Returns the list of settings attribute names.
supportedTranslationMethods()	Returns which translation methods the field supports.
toArray()	Converts the model into an array.
trigger()	Triggers an event.
useFieldset()	Returns whether the field should use a <fieldset> + <legend> instead of a <div> + <label>.
validate()	Performs the data validation.
validateMultiple()	Validates multiple models.
valueType()	Returns the PHPDoc type this field’s values will have.

displayName()

Returns the display name of this class.

View source

Returns

string – The display name of this class.

getContentColumnType()

Returns the column type(s) that this field should get within the content table.

This method will only be called if hasContentColumn() returns true.

If the field type requires multiple columns, an array should be returned:

return [
    'date' => 'datetime',
    'tz' => 'string',
];

When this is the case, all columns’ values will be passed to normalizeValue() as an associative array, whose keys match the keys returned by this method. The field type should also override serializeValue() to ensure values are being returned as associative arrays using the same keys.

View source

Returns

string, string[] – The column type(s). yii\db\QueryBuilder::getColumnType() will be called to convert the give column type to the physical one. For example, string will be converted as varchar(255) and string(100) becomes varchar(100). not null will automatically be appended as well.

getElementValidationRules()

Returns the validation rules for an element with this field.

Rules should be defined in the array syntax required by yii\base\Model::rules(), with one difference: you can skip the first argument (the attribute list).

[
    // explicitly specify the field attribute
    [$this->handle, 'string', 'min' => 3, 'max' => 12],
    // skip the field attribute
    ['string', 'min' => 3, 'max' => 12],
    // you can only pass the validator class name/handle if not setting any params
    'bool',
]

To register validation rules that should only be enforced for live elements, set the rule scenario to live:

[
    ['string', 'min' => 3, 'max' => 12, 'on' => \craft\base\Element::SCENARIO_LIVE],
]

View source

Returns

array

getSettingsHtml()

Returns the component’s settings HTML.

An extremely simple implementation would be to directly return some HTML:

return '<textarea name="foo">'.$this->foo.'</textarea>';

For more complex settings, you might prefer to create a template, and render it via craft\web\View::renderTemplate(). For example, the following code would render a template located at src/templates/_settings.html, passing the settings to it:

return Craft::$app->view->renderTemplate('plugin-handle/_widget-settings', [
    'widget' => $this
]);

If you need to tie any JavaScript code to your settings, it’s important to know that any name and id attributes within the returned HTML will probably get namespaced, however your JavaScript code will be left untouched. For example, if getSettingsHtml() returns the following HTML:

<textarea id="foo" name="foo"></textarea>
<script type="text/javascript">
  var textarea = document.getElementById('foo');
</script>

…then it might actually look like this before getting output to the browser:

<textarea id="namespace-foo" name="namespace[foo]"></textarea>
<script type="text/javascript">
  var textarea = document.getElementById('foo');
</script>

As you can see, that JavaScript code will not be able to find the textarea, because the textarea’s id attribute was changed from foo to namespace-foo. Before you start adding namespace- to the beginning of your element ID selectors, keep in mind that the actual namespace is going to change depending on the context. Often they are randomly generated. So it’s not quite that simple.

Thankfully, Craft provides a couple handy methods that can help you deal with this:

• craft\web\View::namespaceInputId() will give you the namespaced version of a given ID.
• craft\web\View::namespaceInputName() will give you the namespaced version of a given input name.

So here’s what a getSettingsHtml() method that includes field-targeting JavaScript code might look like:

public function getSettingsHtml()
{
    // Figure out what the ID is going to be namespaced into
    $id = 'foo';
    $namespacedId = Craft::$app->view->namespaceInputId($id);
    // Render and return the input template
    return Craft::$app->view->renderTemplate('plugin-handle/_widget-settings', [
        'id' => $id,
        'namespacedId' => $namespacedId,
        'widget' => $this,
    ]);
}

And the _widget-settings.twig template might look like this:

<textarea id="{{ id }}" name="foo">{{ widget.foo }}</textarea>
<script type="text/javascript">
  var textarea = document.getElementById('{{ namespacedId }}');
</script>

The same principles also apply if you’re including your JavaScript code with craft\web\View::registerJs().

View source

Returns

string, null

getStaticHtml()

Returns a static (non-editable) version of the field’s input HTML.

This function is called to output field values when viewing element drafts.

View source

Arguments

• $value (mixed) – The field’s value
• $element (craft\base\ElementInterface) – The element the field is associated with

Returns

string – The static version of the field’s input HTML

getTableAttributeHtml()

Returns the HTML that should be shown for this field in Table View.

View source

Arguments

• $value (mixed) – The field’s value
• $element (craft\base\ElementInterface) – The element the field is associated with

Returns

string – The HTML that should be shown for this field in Table View

normalizeValue()

Normalizes the field’s value for use.

This method is called when the field’s value is first accessed from the element. For example, the first time element.myFieldHandle is called from a template, or right before getInputHtml() is called. Whatever this method returns is what element.myFieldHandle will likewise return, and what getInputHtml()’s and serializeValue()’s $value arguments will be set to.

The value passed into this method will vary depending on the context.

• If a new, unsaved element is being edited for the first time (such as an entry within a Quick Post widget on the Dashboard), the value will be null.
• If an element is currently being saved, the value will be the field’s POST data.
• If an existing element was retrieved from the database, the value will be whatever is stored in the field’s content table column. (Or if the field doesn’t have a content table column per hasContentColumn(), the value will be null.)

There are cases where a pre-normalized value could be passed in as well, so be sure to account for that.

View source

Arguments

• $value (mixed) – The raw field value
• $element (craft\base\ElementInterface, null) – The element the field is associated with, if there is one

Returns

mixed – The prepared field value

useFieldset()

Since

3.6.0

Returns whether the field should use a <fieldset> + <legend> instead of a <div> + <label>.

View source

Returns

boolean

valueType()

Since

3.2.0

Returns the PHPDoc type this field’s values will have.

It will be used by the generated CustomFieldBehavior class.

If the values can be of more than one type, return multiple types separated by |s.

public static function phpDocType()
{
     return 'int|mixed|\\craft\\elements\\db\\ElementQuery';
}

View source

Returns

string

Protected Methods

Method	Description
defineRules()	Returns the validation rules for attributes.
extractFieldsFor()	Extract nested fields from a fields collection for a given root field Nested fields are separated with dots (.). e.g: "item.id" The previous example would extract "id".
extractRootFields()	Extracts the root field names from nested fields.
inputHtml()	Returns the field’s input HTML.
isFresh()	Returns whether this is the first time the element's content has been edited.
requestParamName()	Returns the field’s param name on the request.
resolveFields()	Determines which fields can be returned by toArray().
searchKeywords()	Returns the search keywords that should be associated with this field.

defineRules()

Since

3.4.0

Returns the validation rules for attributes.

See rules() for details about what should be returned.

Models should override this method instead of rules() so EVENT_DEFINE_RULES handlers can modify the class-defined rules.

View source

Returns

array

inputHtml()

Since

3.5.0

Returns the field’s input HTML.

View source

Arguments

• $value (mixed) – The field’s value. This will either be the normalized value, raw POST data (i.e. if there was a validation error), or null
• $element (craft\base\ElementInterface, null) – The element the field is associated with, if there is one

Returns

string – The input HTML.

Constants

Constant	Description
SCENARIO_DEFAULT	The name of the default scenario.
TRANSLATION_METHOD_CUSTOM
TRANSLATION_METHOD_LANGUAGE
TRANSLATION_METHOD_NONE
TRANSLATION_METHOD_SITE
TRANSLATION_METHOD_SITE_GROUP