function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
JeeedeeeJeeedeee 

Style custom feed action

Hi,
I am developing a simple custom feed action using visual force. It contains a number of fields of the case. Using VF the style of the generated HTML is not inline with the standard feed item. See below a screenshot how it looks like with a configuration based feed item action. 

Standard action style
When using visual force it displays like:

User-added image

Any idea which tags I can apply to get inline with the standard style for case feed? See below visual force code

<apex:page standardController="Case" extensions="CasePushThroughExtension"  doctype="html-5.0">
 <apex:includeScript value="/support/api/26.0/interaction.js"/>
    <div>
        <apex:form >
            <!-- Just a simple pageblock with some fields to update -->
            <apex:actionFunction action="{!saveRecord}" name="updateCase" rerender="out" 
            oncomplete="sforce.interaction.entityFeed.refreshObject('{!case.id}',  false, true, true);"/>   
            <apex:pageBlock >
            <apex:pageBlockSection columns="1">
                <apex:inputField value="{!case.Type}" />
                <apex:inputField value="{!case.Sub_Type__c}"/>
                <apex:inputField value="{!case.Push_Through__c}"/>
                </apex:pageBlockSection>
            </apex:pageBlock>
        </apex:form><br />
        <button type="button" onclick="updateCase()" style="position:fixed; bottom:0px;right:2px; padding: 5px 10px; font-size:13px;" id="cpbutton" >
             Update
        </button>
    </div>              
</apex:page>
Sagar PareekSagar Pareek
You are using standard visualforce tags , try using html tags and use CSS from Salesforce bootstrap from herehttps://github.com/SalesforceFoundation/bootstrap-sf1