I am using fieldsets to display fields in a VF page. Is there a way to display the help text icon  next to the label if there is a help text associated with the field and display the text on hover?  Update I am not using pageblocks as we are using slds. Though the code below doesnt exactly use slds but the logic would be similar except for html and classes different.  &lt;apex:repeat value="{!AppFields}" var="f"&gt;                  &lt;div class="form-group"&gt;                       &lt;!--  &lt;td class="tdStyleFirst"&gt;  --&gt;                       &lt;div class="control-label col-xs-3"&gt;                          &lt;apex:outputlabel styleclass="control-label " value="{!f.Label}"  /&gt;&lt;apex:outputLabel value="*" style="color:red;font-weight:bold" rendered="{!OR(f.required, f.dbrequired)}" /&gt;                      &lt;/div&gt;                                      &lt;div class="control-label col-xs-9"&gt;                            &lt;apex:inputField value="{!apps[f.fieldPath]}" required="{!OR(f.required, f.dbrequired)}"  styleClass="form-control" /&gt;                       &lt;/div&gt;                                          &lt;/div&gt;                    &lt;/apex:repeat&gt;    Thanks
120669
I want to refer standard help text style in visualforce page, how to realize this?
67869
How do I include text decorations such as Underline, Strikethrough etc in a Style definition:  &lt;Style x:Key="UnderlinedLabel"&gt;      &lt;Setter Property="Control.FontFamily" Value="Trebuchet MS" /&gt;      &lt;Setter Property="Control.FontSize" Value="14" /&gt;      &lt;!-- Next line fails --&gt;      &lt;Setter Property="Control.TextDecorations" Value="Underline" /&gt; &lt;/Style&gt;   I'm familiar with using the following XAML to underline text:  &lt;TextBlock&gt;    &lt;Underline&gt;        Underlined text    &lt;/Underline&gt; &lt;/TextBlock&gt;   However text decoration is just another style, I want to be able to define it declaritively like FontWeight, FontSize etc.  [Update]  I was applying this style to a Label control.  This was my main problem.  It appears you can't underline text in a Label.  Change to a TextBlock (thanks gix) and all is well.
79320
For example, my component has the following section that displays a record form:  &lt;template if:true={showRecordForm}&gt;     &lt;lightning-record-form         object-api-name={sObjectApiName}         onsuccess={handleFormSuccess}         record-type-id={recordTypeId}         layout-type="Full"         columns="2"         oncancel={handleFormCancel}         onload={handleFormLoad}&gt;     &lt;/lightning-record-form&gt; &lt;/template&gt;   It will load the form for the object I specify in sObjectApiName, and with the specified record type as well. The problem is that I want to assign some values to specific fields.  Let us say that it is a Case form, and I want to assign an Account ID to the AccountId field, before the case is submitted to the platform.  I tried to query the lightning-input-fields, but with no success:  const inputFields = this.template.querySelectorAll(     'lightning-input-field' ); if (inputFields) {     inputFields.forEach(field =&gt; {         console.log(field)     }); }   This is a snippet from the .  I'm starting to think that this might not be viable, or too much trouble. Is there a way to do this?
29972
I want the search box on my web page to display the word "Search" in gray italics. When the box receives focus, it should look just like an empty text box. If there is already text in it, it should display the text normally (black, non-italics). This will help me avoid clutter by removing the label.  BTW, this is an on-page  search, so it has no button.
104989
I'm trying to hide an inputfield on visualforce page based on some condition. So, i started with below code, but unable to hide the inputfield on page load itself.  Both the alert messages displayed before and after the js code are executing well. but, the component is not hiding from the page(able to grey it out successfully with the below code, but not hiding it). Could not use rerender functionality, as my section contains rich text area., and rerender is not working for components containing rich text area.  My code below:      &lt;apex:page id="pageid" standardcontroller="account"&gt;   &lt;apex:form id="formid"&gt;       &lt;apex:pageblock id="pbid"&gt;           &lt;apex:pageblocksection id="pbsid"&gt;               &lt;apex:inputfield id="phoneid" value="{!account.phone}"/&gt;           &lt;/apex:pageblocksection&gt;       &lt;/apex:pageblock&gt;   &lt;/apex:form&gt;    &lt;script&gt;      alert('d2 opens now');      try{          document.getElementById("pageid:formid:pbid:pbsid:phoneid").visible=false;          }catch(e){          alert(e)          }          alert('d2 opens now1');   &lt;/script&gt; &lt;/apex:page&gt;   Thanks in advance, Friend!!!
31158
Let's say I have an html form.  Each input/select/textarea will have a corresponding &lt;label&gt; with the for attribute set to the id of it's companion. In this case, I know that each input will only have a single label.  Given an input element in javascript &mdash; via an onkeyup event, for example &mdash; what's the best way to find it's associated label?
74032
Is there a way to load every label data and every SObject description data using only Javascript without any Apex Server-side code?  How do I import * from @salesforce/schema or @salesforce/label?  I am looking for a way to get all labels or all SObject describe information details to retrieve in LWC at once.  I can see that such syntax is provided by ES6 and is used widely by Salesforce itself, however, it is not possible to use the following syntax in LWC:   import * as schema from '@salesforce/schema'   import * as label from '@salesforce/label'   or this syntax  import {label, schema} from '@salesforce';   since both versions generate error     LWC1512: Missing resource value for @salesforce"   or      LWC1512: Missing resource value for @salesforce/label   Is there a way to load every label data and every SObject description data using only Javascript without any Apex Server-side code?  By the way, if we look as Salesforce Playground we could notice that   the same syntax is used to import everything from lwc  import * as Engine from 'lwc';   however, if we try to insert such line into any of Lightning Web Component, we would receive the following error     LWC1001: Invalid import. Namespace imports are not allowed on "lwc",   instead use named imports "import { LightningElement } from 'lwc'"   or   LWC1517: Invalid LWC import
103646
Can any one help me out , based on quote line items can we create a layout like by prepopulating items, price &amp; qty and next 6 qtrs. Example below 2 part numbers are  in quote line items, also default the price from quote line item.  Upon saving ,it should save as detailed record for each quarter. Creating a custom object  and calling them in Visual force page or by using JavaScript and CSS .Any suggestions plz.I shall appreciate your help.  i tried previously in this way   &lt;apex:page standardController="CustomLineItem__c"  sidebar="false" showHeader="false"&gt;  &lt;apex:form &gt;   &lt;apex:pageBlock &gt;     &lt;apex:pageBlockButtons location="top"&gt;       &lt;apex:commandButton value="SAVE" action="{!SAVE}"/&gt;       &lt;apex:commandButton value="SAVE&amp;MORE" action="{!SAVE}"/&gt;       &lt;apex:commandButton value="CANCEL" action="{!CANCEL}"/&gt;     &lt;/apex:pageBlockButtons&gt;     &lt;apex:pageblockSection title="Schedule"&gt;       &lt;apex:inputField value="{!CustomLineItem__c.ProductPartNumbers__c}" label="Product"/&gt;        &lt;apex:inputField value="{!CustomLineItem__c.Year__c}" label="Year"/&gt;        &lt;apex:inputField value="{!CustomLineItem__c.PricingRequestsQuarterNos__c}" label="Quarter"/&gt;        &lt;apex:inputField value="{!CustomLineItem__c.Quantity__c}"/&gt;        &lt;apex:inputField value="{!CustomLineItem__c.Price__c}"/&gt;    &lt;/apex:pageblockSection&gt;   &lt;/apex:pageblock&gt;  &lt;/apex:form&gt; &lt;/apex:page&gt;
110767
I'm working on a Drupal 7 site and I want to achieve similar thing (view blocks with Text Overlay on hover) shown here.  under the following blocks (sub sections): Basically I would like to show text upon mouse hover just like what is shown on the above website.   MOVIE TRAILERS TRENDING MOVIES .. LATEST MOVIES etc etc    Also, can someone help how to achieve those view blocks with the navigation as listed above? Do you know this was done? I looked at , but I'm unable to achieve it.
98687
If the user selects an option in a dropdown box, there must be added a label and a textbox. Using appendChild, these elements get added to the end of the container.  var newFreeformLabel = document.createElement('label'); newFreeformLabel.innerHTML = 'Omschrijving:';  var newFreeformField = document.createElement('input'); newFreeformField.className = 'textfield'; newFreeformField.name = 'factuur_orderregel[]';  var newFreeformSpacer = document.createElement('div'); newFreeformSpacer.className = 'spacer';  container.appendChild(newFreeformLabel); container.appendChild(newFreeformField); container.appendChild(newFreeformSpacer);   The issue is that these elements should be inserted at the beginning of container, not at the end.  Is there a solution to this in PrototypeJS?
87723
I have 5 columns in the custom list. Out of which only 3 have to displayed in the NewForm.aspx page.  All of the 5 columns have to be displayed on the EditForm.aspx page. While googling, I have come across the following  :  When I implemented the code that was given on this page, I get an error which says that parentNode is not found. Please guide me how can I implement this requirement.  Any other alternatives other than this are also appreciated.
52576
My VF tags:  &lt;apex:column &gt;     &lt;apex:facet name="header"&gt;Sales Price&lt;/apex:facet&gt;     &lt;apex:inputText value="{!prod.SalesPrice}"/&gt;     &lt;/apex:column&gt;   Controller code:  public string SalesPrice{get; set;} oli.UnitPrice =decimal.valueOf(pi.SalesPrice);   It works when a user insert 15 and 15.00 but it doesn´t with 15,00(comma).  I m using apex:inputText linked to a controller apex property because apex:inputfield is not allowed.  I´ve tried with apex:input with type=number but it doesn´t look good, (small button to increase/decrease inserted value). Is there another Visualforce tag that i can use with a property? Is the only solution to replace comma with dot in the controller?
6328
Is there a way to hide the field label when rendering a custom field in Drupal 7?  In my node template I have:  &lt;?php print render($content['field_image']); ?&gt;   Which gives me:  &lt;div class="field field-name-field-image field-type-image field-label-above"&gt;   &lt;div class="field-label"&gt;Image:&amp;nbsp;&lt;/div&gt;   &lt;div class="field-items"&gt;     &lt;div class="field-item even"&gt;       &lt;img typeof="foaf:Image" src="http://site.com/sites/default/files/image.jpg" alt=""&gt;     &lt;/div&gt;   &lt;/div&gt; &lt;/div&gt;   I'd like to not have the &lt;div class="field-label"&gt;Image:&amp;nbsp;&lt;/div&gt;.  Is there a way to get rid of this other than in the CSS or manually creating the markup?   I've tried unset($content['field_image']['#title']), but that gives me &lt;div class="field-label"&gt;:&amp;nbsp;&lt;/div&gt;.
116710
I am working on an ASP.Net web application that must print dynamically created labels on standard Avery-style label sheets (one particular size, so only one overall layout). The labels have a variable number of lines (3-6) and may contain either lines of text or a graphic barcode image.  Our first cut, that I inherited, used monospaced fonts to reduce the formatting issues, but that did not allow enough text to the fit on the labels and the customer was dissatisfied. Basically it was formatted text.  My next version used TABLEs, DIVs, CSS, and a bit of JavaScript calculations to format the labels using proportional fonts. It still required a bit of tweaking (the user had to set their print margins correctly and turn off the print headers and footers), but it seemed to work.   However, it seems that there are some variations on how different printers render the text (WYS ain't WYG), so even though we tested on different browsers using at least two different printers (an inkjet and a laser printer), some user's labels don't line up. Slight margin variations can be adjusted by adjusting the margins on the page setup dialog, but the harder problem is that the inter-label spacing can be off by a tiny fraction of an inch, so that if the first label is pretty well centered, by the end of the page the label text and images have crawled off the top or bottom of the labels.  We are about to the point of switching to generating Word, Excel, or PDF output which is going to take quite a bit of development time and possible add extra steps in the printing process.  So, does anyone have any suggestions on how to do an HTML/CSS layout that will precisely render on different types of printers? I don't really care if the line/word breaks are a bit different, but I need to be able to predictably position the upper left corners of each label area.  Right now the labels flow down the page in a table and we have been tweaking the box model of the cells and internal DIVs to make them a uniform height. I suspect that using absolute positioning of each element may be the best answer, but that is going to be tricky as well due to the ASP.Net generation of the label elements. If I knew for sure that would work, I would rather try it than throw away everything we have to go to a different generation method.  Slight Update: Right now I'm doing some tests with absolute positioning - setting only the top and left coordinate of a containing block element. So far there are minor variations on the offset onto the page (margins, paper alignment, etc.), but all browsers and printers tested put the elements in exactly the right spots relative to each other. I appreciate the PDF tips, but does anyone know of additional "gotchas" on using absolute positioning this way?  Update: For the record, I rewrote the label printing portion using iTextSharp and it works perfectly - definitely the way to do this in the future...
59857
I'm trying to get through my first SalesForce mod and it's definitely been a rocky path. I have one task I'm trying to do, but this section is holding me back.  I have two custom fields.  One a pick list and the other a text box. I have added them to the Approve/Reject Approval Request section in the Opportunity page. I added the fields through the Select Fields to Display on Approval Page Layout and they DO show up on the Approve/Reject Approval Request section. I added them in like ().  However, just the label for the fields show, the field itself is nowhere to be found and can't be used.    You can see and even use the fields when you open the Opportunity page itself, but when you go to use the Approve/Reject, you can't do anything with them or see any values.  I was never a SalesForce user and got this tossed in my lap and really don't know my way around yet. I appreciate any help on this!!  Thanks!!  Kurt
118800
I have created a list with type Choice and set Description for the same. I have set Radio Buttons as "Display Choices Using". When i click on Add New item the Description is shown at the bottom. Is there any way we can show the description on "Top" using Jquery/Designer/CSS with out loosing the UI Format. Attached image is an example  I know we can do it through infopath but i have some Java script in the Edit item.aspx page so using Infopath doesnot suite this requiremen
44513
In reading through the release notes I was excited to discover the introduction of a new  tag. That should help lower the barriers to entry! However, the release notes do not specify what the name of the scoping class should be. And since , we're left guessing.  To be explicit about what I'm trying to understand, take  for example:  &lt;apex:page showHeader="false" standardStylesheets="false" sidebar="false" applyHtmlTag="false" applyBodyTag="false" docType="html-5.0"&gt;     &lt;html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" lang="en"&gt;         &lt;head&gt;             ...             &lt;apex:stylesheet value="{!URLFOR($Resource.REPLACE_WITH_NAME_OF_SLDS_STATIC_RESOURCE, 'assets/styles/salesforce-lightning-design-system-vf.min.css')}" /&gt;         &lt;/head&gt;         &lt;body&gt;              &lt;!-- REQUIRED SLDS WRAPPER --&gt;             &lt;div class="REPLACE_WITH_NAME_OF_CUSTOM_SCOPING_CLASS"&gt;             ...         &lt;/body&gt;     &lt;/html&gt; &lt;/apex:page&gt;   If I replace the &lt;apex:stylesheet&gt; with &lt;apex:slds&gt;, what should I specify for REPLACE_WITH_NAME_OF_CUSTOM_SCOPING_CLASS?