+ Start a Discussion

Inline Editing Color Change

I have created a simple visualforce page using salesforce account tabbed view logic in order to accomodate background color/watermark requirement . It's nothing fancy - very simple. I also have inline editing enabled but when a user edits a field using inline editing, I want to change the color of the edited field - just like Salesforce standard page. My code is below. Could someone please help how to change color of the font when a field is edited using inline editing...

<apex:page standardController="Project_Governance_Form__c" showHeader="true">

<style type="text/css">
        [id*=myId2] { font-size:small; weight: bold; color: Black; background-image:url('{!$Resource.GovForm_BG_6}'); 
        background-position:center; }    

 <apex:tabPanel switchType="client"  >          
      <apex:tab label="Details" name="GovFrmDetails">
         <apex:detail relatedList="true" inlineEdit="true" id="myId2" /> 

You'll first need to identify a common class, attribute or id prefix to all of your input fields  when changed. Once you have that you can use jQuery to a new css class to all of the objects that match your jquery rule.