Salesforce Developer Community

Chatter

Feed
2

Best Answers
0

Likes Received
0

Likes Given
1

Questions
4

Replies

In building a visualforce page, I am trying to utilize the standard salesforce help icon (or help orb). However, I noticed when I first hover/visit the icon, the help text appears, but the icon remains grayed out. If I go back and revisit/hover over the icon, the icon is highlighted with the standard orange color.

Am I missing a simple step or piece of code that is causing this issue? I would like it to highlight on the first visit/hover, but do not see/know where that is controlled.

Below is my visualforce code and the supporting CSS. Any help is much appreciated. Thanks!

<apex:outputLink value="">

This is help text.

</apex:outputLink>

.vfHelpText a {position:relative;

white-space: normal;}

.vfHelpText a span {display: none;}

.vfHelpText a:hover span {display: block;

position:absolute;

top:1.25em;

padding:2px 5px;

left:0em; width:15em;

z-index:100;

border:1px solid orange;

background-color:#FEFDB9;

color:black;}

Dramsey
October 02, 2013
Like
0

SOLVED

3 replies

Placement of a related list in between the fields on a VisualForce Page

I have two custom objects:
SOO and DMOS with a Master Detail relationship between them.
SOO being the Master object.

I am creating a VisualForce page. I want to show some fields of SOO then the related list (DMOS) and then the remaining fields of the SOO object.

I tried to implement it as follows:

<apex:page standardController="SOO__c" >
 <apex:form >
<apex:pageBlock >
    <apex:pageblockbuttons >
       <apex:commandButton action="{!save}" value="Save"/>
       <apex:commandButton action="{!delete}" value="Delete"/>
    </apex:pageblockbuttons> 
    <apex:pageblockSection title="SOO Detail" Columns="2"  >
        <apex:inputField value="{! SOO__C.Name}"/>
        <apex:inputField value="{! SOO__C.OwnerId}"/>
        <apex:inputField value="{! SOO__C.Account__c}"/>
        <apex:inputField value="{! SOO__C.SSO_Date__c}"/>        
    </apex:pageblockSection>
    
</apex:pageBlock>
</apex:form> 
<apex:relatedList List="DMOS__r" />
<div style="width:100%;text-align:right;font-size:200%;font-weight:bold;">
    <apex:outputLabel value="Sky Score: " style="font-size:50%;font-weight:normal;"></apex:outputLabel>
    <apex:outputField value="{! SOO__C.SKY_Score__c}"/>
</div>
<apex:form >
    <apex:pageBlock >
        <apex:pageblockbuttons >
           <apex:commandButton action="{!save}" value="Save"/>
           <apex:commandButton action="{!delete}" value="Delete"/>
        </apex:pageblockbuttons> 
        <apex:pageblockSection title="SOO Detail Continued..." Columns="2"  >
        <apex:inputField value="{! SOO__C.Objective__c}"/>
        <apex:inputField value="{! SOO__C.csi__c}"/>
        </apex:pageblockSection>
    </apex:pageBlock>
</apex:form>
</apex:page>

The problem with this approach is that I am getting two sets of save buttons one for each form. I have read that it is better to have a single form per page.

One more solution that I can think of is having a custom controller/extension to the standard controller with custom Save functionality.

Please let me know what is the best way to achieve this. The reason for customization is that I am trying to simulate an excel file that the customer was using and the customer wants everything to be looking similar to the excel.

b.ajitkumar
September 27, 2013
Like
0

4 replies

Very simple visualforce form and custom controller not working

I'm trying to create a very simple visualforce form, that just doesn't seem to be working and I don't know why

VF:

<apex:page controller="SubmitReferralController" standardStylesheets="false" showHeader="false" sidebar="false">
    <apex:stylesheet value="{!$Resource.semantic}"/>
<html lang="en">
<head>
</head>
<body>
<div style="margin-left:200px">    
<h1>Referrals Fee Program</h1>
<p>
  Any questions? Contact the <a href="semantic-form.css">Referral team</a>.
</p>
</div>
<apex:form styleClass="semantic"> 
<apex:pageBlock >
<div style="margin-left:200px">
<apex:outputPanel >
    <div>
      <apex:outputlabel Value="First Name"></apex:outputlabel>
      <apex:inputText value="{!c.FirstName}" size="30" id="referrer_first_name"/>
      <apex:outputlabel Value="Last Name"></apex:outputlabel>
      <apex:inputText value="{!c.LastName}" size="30" id="referrer_last_name"/>
     </div>
<div style="margin-left:200px">
<apex:commandButton value="Submit Referral" action="{!submitReferral}"/>
</div>
</apex:outputPanel>
</div>
</apex:pageBlock>
</apex:form>         
</body>
</html>
</apex:page>

Controller:

public class SubmitReferralController {
    
    public Contact c { get; set; }
    
    public PageReference submitReferral(){
        try {
        insert c;
       }
       catch(System.DMLException e) {
           ApexPages.addMessages(e);
       return null;
       }
       return null;
     }
}

I'm sure it's something really stupid, but I just can't sort it out.

Any help would be greatly appreciated!

mxalix258
October 11, 2013
Like
0

SOLVED

2 replies

Help Text Icon Not Highlighting

Am I missing a simple step or piece of code that is causing this issue? I would like it to highlight on the first visit/hover, but do not see/know where that is controlled.

Below is my visualforce code and the supporting CSS. Any help is much appreciated. Thanks!

<apex:outputLink value="">

This is help text.

</apex:outputLink>

.vfHelpText a {position:relative;

white-space: normal;}

.vfHelpText a span {display: none;}

.vfHelpText a:hover span {display: block;

position:absolute;

top:1.25em;

padding:2px 5px;

left:0em; width:15em;

z-index:100;

border:1px solid orange;

background-color:#FEFDB9;

color:black;}

Dramsey
October 02, 2013
Like
0

SOLVED

3 replies

Placement of a related list in between the fields on a VisualForce Page

<apex:page standardController="SOO__c" >
 <apex:form >
<apex:pageBlock >
    <apex:pageblockbuttons >
       <apex:commandButton action="{!save}" value="Save"/>
       <apex:commandButton action="{!delete}" value="Delete"/>
    </apex:pageblockbuttons> 
    <apex:pageblockSection title="SOO Detail" Columns="2"  >
        <apex:inputField value="{! SOO__C.Name}"/>
        <apex:inputField value="{! SOO__C.OwnerId}"/>
        <apex:inputField value="{! SOO__C.Account__c}"/>
        <apex:inputField value="{! SOO__C.SSO_Date__c}"/>        
    </apex:pageblockSection>
    
</apex:pageBlock>
</apex:form> 
<apex:relatedList List="DMOS__r" />
<div style="width:100%;text-align:right;font-size:200%;font-weight:bold;">
    <apex:outputLabel value="Sky Score: " style="font-size:50%;font-weight:normal;"></apex:outputLabel>
    <apex:outputField value="{! SOO__C.SKY_Score__c}"/>
</div>
<apex:form >
    <apex:pageBlock >
        <apex:pageblockbuttons >
           <apex:commandButton action="{!save}" value="Save"/>
           <apex:commandButton action="{!delete}" value="Delete"/>
        </apex:pageblockbuttons> 
        <apex:pageblockSection title="SOO Detail Continued..." Columns="2"  >
        <apex:inputField value="{! SOO__C.Objective__c}"/>
        <apex:inputField value="{! SOO__C.csi__c}"/>
        </apex:pageblockSection>
    </apex:pageBlock>
</apex:form>
</apex:page>

b.ajitkumar
September 27, 2013
Like
0