---
schema_version: "1"
id: c9fc699b694366a9e1cd5ac5d5e6dff446439c76ca858053affe671e76899abd
title: apex:inlineEditSupport
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/salesforce-pages-developers-guide/guides/pages/components/pages-compref-inlineeditsupport.md
canonical_url: https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-compref-inlineeditsupport.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 8fc6b5f7a3ad3fc84ac0f58d0bd1593bf114db119fd152df6095030555248baa
products:
  - Visualforce Developer Guide
  - Platform Developer Content
---

# apex:inlineEditSupport

This component provides inline editing support to `<apex:outputField>` and various container components. In order to support inline editing, this component must also be within an `<apex:form>` tag.

The `<apex:inlineEditSupport>` component can only be a descendant of the following tags:

-   `<apex:dataList>`
-   `<apex:dataTable>`
-   `<apex:form>`
-   `<apex:outputField>`
-   `<apex:pageBlock>`
-   `<apex:pageBlockSection>`
-   `<apex:pageBlockTable>`
-   `<apex:repeat>`

See also: the `inlineEdit` attribute of `<apex:detail>`

## Example

```apex
<!-- For this example to render properly, you must associate the Visualforce page 

with a valid contact record in the URL. 

For example, if 001D000000IRt53 is the contact ID, the resulting URL should be: 

https://MyDomain_login_URL/apex/myPage?id=001D000000IRt53

See the Visualforce Developer's Guide Quick Start Tutorial for more information. -->

<apex:page standardController="Contact">
    <apex:form >
        <apex:pageBlock mode="inlineEdit">
            <apex:pageBlockButtons >
                <apex:commandButton action="{!edit}" id="editButton" value="Edit"/>
                <apex:commandButton action="{!save}" id="saveButton" value="Save"/>
                <apex:commandButton onclick="resetInlineEdit()" id="cancelButton" value="Cancel"/>
            </apex:pageBlockButtons>
            <apex:pageBlockSection >
                <apex:outputField value="{!contact.lastname}">
                    <apex:inlineEditSupport showOnEdit="saveButton, cancelButton" 
                        hideOnEdit="editButton" event="ondblclick" 
                        changedStyleClass="myBoldClass" resetFunction="resetInlineEdit"/>
                </apex:outputField>
                <apex:outputField value="{!contact.accountId}"/>
                <apex:outputField value="{!contact.phone}"/>
            </apex:pageBlockSection>
        </apex:pageBlock>
    </apex:form>
</apex:page>

```

## Attributes

|Attribute Name|Attribute Type|Description|Required?|API Version|Access|
|--------------|--------------|-----------|---------|-----------|------|
|`changedStyleClass`|String|The name of a CSS style class used when the contents of a field have changed.| |21.0||
|`disabled`|Boolean|A Boolean value that indicates whether inline editing is enabled or not. If not specified, this value defaults to true.| |21.0||
|`event`|String|The name of a standard DOM event, such as ondblclick or onmouseover, that triggers inline editing on a field.| |21.0||
|`hideOnEdit`|Object|A comma-separated list of button IDs. These buttons hide when inline editing is activated.| |21.0||
|`id`|String|An identifier that allows the component to be referenced by other components in the page.| |10.0|global|
|`rendered`|Boolean|A Boolean value that specifies whether the component is rendered on the page. If not specified, this defaults to true.| |21.0||
|`resetFunction`|String|The name of the JavaScript function that is called when values are reset.| |21.0||
|`showOnEdit`|Object|A comma-separated list of button IDs. These buttons display when inline editing is activated.| |21.0||

**See Also**  


-   [*Knowledge Article*: Apex:outputField No Longer Supported when Edit Permission is Disabled](https://help.salesforce.com/articleView?id=000354546&language=en_US&type=1&mode=1)

-   [apex:detail](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-compref-detail.md)
-   [apex:form](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-compref-form.md)
-   [apex:outputField](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-compref-outputfield.md)
-   [Enabling Inline Editing](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/quick-start/pages-quick-start-inline-editing.md)