Tagged Questions

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in a markup language.

learn more… | top users | synonyms

2
votes
1answer
32 views

Theme for all of salesforce pages

I have been tasked with modifying our salesforce page to look like our company's theme, but it seems like Visualforce is the only way and that I have to create one for each page that exists within ...
7
votes
1answer
72 views

Should I add Sandbox support to VFFiddle? [closed]

I'm working on some updates to to VF Fiddle. I want to gauge the interest in running fiddles in sandbox and get some feedback on the security concerns. Because fiddles are not reviewed they could ...
1
vote
2answers
34 views

Add transparent color code in apex tag

Hi in my meter gauge I have to add a transparent white color <apex:gaugeSeries dataField="size" donut="50" colorSet="#78c953, #FFFFFF" tips="true" /> i.e. I need: colorSet= "#78c953, ...
2
votes
0answers
40 views

Get print of visualforce page containing different charts

I am creating a dynamic dashboard using Vf Charts. I am having about 18 different charts on a single visual force page. I have added a print button on the visualforce page to print all the charts on ...
0
votes
0answers
22 views

Print AMPscript Variable inside HTML <tag> as attributes

So I am using ExactTarget templates and content areas to build my emails. In my templates I have AMPscript variables defined in the < head > and that will determine how elements in my content areas ...
0
votes
0answers
18 views

Dependant dropdown list not using defined styleClass

I have inserted two two dropdown lists in my visualforce page, the first which is simply a filter and the second with the filtered products. These work as expected in my visualforce page, with the ...
0
votes
1answer
59 views

column width for pageBlockSection

So I am using a pageBlockSection with two columns to display some details for particular SObjects. The first column would hold a label and the second column would hold the value for that particular ...
1
vote
1answer
37 views

Reference Static Resources or Documents with direct link and no login to system

Is there a way to access static resources or documents without being logged into the system. So if the file in not marked as "Internal Use Only", can I provide a direct link to it for others to access ...
0
votes
1answer
54 views

static resource cache old image

I have css file in static resources which refer to Images folder(.zip) to apply images to css classes. The gotcha is when i replace some images from images folder, on page it still showing older ...
0
votes
0answers
29 views

Customising the PKB article output

I'm new to Visualforce and have been tasked with branding the customer-facing Public Knowledge Base. Part 1: I have removed the base CSS from the main template, and added my own styling, which ...
3
votes
2answers
216 views

Remove Last Page from the PDF

I have created PDF of Multipage, where in VF page I am using <apex:repeat .......> ///////// some code <div style="page-break-before:always;"/> </apex:repeat> But it adds a ...
5
votes
3answers
330 views

Where to store css when developing in salesforce?

When having a custom style, would it be better to store them as static resource or just dump those styles inside Visualforce page as inline CSS? If putting them as static resource, what are ...
1
vote
1answer
41 views

Adding bold style to outputText seems not to work

I'm using a custom table that replicates the design of a pageblockTable. Using th will output the text in a bold style. Code Snippet: <table id="pageblockTable"> <thead> <tr> ...
0
votes
1answer
22 views

Visual force page as pdf

I a m trying to get a visualforce page as a pdf page, i am using some css code also, but on pdf page no css class is added to fields, but inline css i can add to fields, someone tell me how to add ...
0
votes
0answers
13 views

Text box size issue for IE [duplicate]

IE Issue With Input Box Size. I created HTML and same HTML working fine. When I put same HTML in VF component it's working fine for Firefox & Chrome but for IE, text feedback box size shrinking ...
0
votes
3answers
115 views

To Change Font color for standard Case fields depending on picklist value

I want to change the color of the Standard field of a Case object say CaseNumber. It is a mandatory field for the object. The criteria for this is that whenever a Case Status value is changed, that is ...
0
votes
0answers
46 views

2 vs 1 columns in visual flow causing unneeded white spaces

If you are creating a visualflow, styling is messy... Salesforce already offers some sort of workaround by exposing some styles but it's still limited. The biggest problem I'm having with flows (like ...
0
votes
3answers
51 views

Disable an outputPanel

Is there a way to disable an <apex:outputPanel> ? I have an <apex:selectList> and on the onchange event I want to disable the panel. I tried : style= "disabled: true;" But it doesn't ...
3
votes
3answers
281 views

How to mimic the look of a standard detail page in a VisualForce page

I have a standard Account detailpage, where I want to add a small VisualForce part in a column on that page. So I created a VF page that looks like this <apex:page standardController="Account" ...
2
votes
1answer
39 views

How can you display an email image for mobile devices only?

We are trying to display an image only if the user is on a mobile device. Here's what we have so far: div style="display: none; max-height: 0px; overflow: hidden; line-height: 0px;" ...
14
votes
3answers
975 views

Why people still need javascript sidebar workarounds and what alternatives could be preferred?

Since it seems to me, that a lot of people still need sidebar workarounds, I would be interested to learn about the use-cases, experienced challenges and (most important) possible strategies to avoid ...
7
votes
2answers
226 views

Visualforce PDF and CSS overflow: hidden

I am trying to create a Visualforce page that renders as PDF. My problem is that I want to display as much of a rich text field as can fit. If I use overflow: hidden in my CSS, the text is displayed, ...
0
votes
0answers
78 views

Using Salesforce style/css for table sort order

I've created a custom page which apes the standard related list layout. I want to use the same CSS styling to indicate that sorting is on a particular column. This is what it looks like on a standard ...
2
votes
1answer
190 views

Position elements side by side within a single pageBlockSection column

On my VF page I need to put a textbox with another textbox right to the side of it. This seems to be impossible to do. Here is how it is set up at the moment. <apex:pageBlockSection ...
0
votes
2answers
36 views

How to prevent common.css and other styles from being loaded?

I set the apex:page parameter standardStylesheets="false". But some stylesheets are still being loaded and affecting display, such as common.css: ...
0
votes
0answers
400 views

How to change Font style, font size and background of Pageblock table in VF page?

I have created a Visual force page and using Jquery plugin in it...but when i am applying my style to the table for changing the font size, type and background color of the table its not working. ...
1
vote
1answer
77 views

Help with positioning pie chart

How can i position pie chart on the left of bar chart . Right now it pie chart gets overlapped on bar chart . Below is my code which displays bar chart and plotted line chart. Referred to link?: ...
1
vote
1answer
31 views

Change default font size of Customer Portal

Is there a way I can change the default font size used in the Customer Portal? From looking at my Firefox inspector the default sizes are in portal.css, do we have access to this?
2
votes
1answer
30 views

Problem in using $Component notation

On my visualforce page there is an input text field and two buttons.I am trying to hit the second button on my page with the 'enter' key by calling a javascript on text field, where in my target is on ...
0
votes
0answers
48 views

Visual Force header css breaks when compatibility mode forced to be turned off

Apexpages.currentPage().getHeaders().put('X-UA-Compatible', 'IE=edge'); I have added the above code to my APEX class so IE will force compatibility mode to turn off. This is achieved well. However ...
1
vote
2answers
2k views

CSS styling for jquery DataTables - can't seem to make padding go away

I am new to styling and CSS, java, all that.. I've made a jquery datatable and am attempting it to style it to my requirements. There is cell spacing or padding that is not going away no matter what I ...
2
votes
1answer
47 views

Id attribute on apex elements, not the same as html elements?

Does the 'Id' attribute work the same for apex elements as it does for html elements? The anchor tag below, gets the background image, but the outputlink does not. Am I doing somthing wrong? Can ...
4
votes
1answer
188 views

javascript Change div color based on controller value

I have a div which is a circle within a circle. I want the outer ( class="circle") circle to change color based on value of a number. for instance, red if greater than 20, yellow if less than 10 and ...
5
votes
1answer
104 views

Setting Font Face for Visualforce Email PDF attachments “messaging:attachment”

I'm having lots of trouble setting font faces for VF Email PDF attachments (see my code below). I've tried the conventional "font" tag with no luck, even CSS doesn't work! What am I doing wrong? ...
2
votes
1answer
97 views

Knowledge Management - HTML vs. Rich Text vs CSS

We have thousands of articles. These articles will be eventually public facing on a website. We need our internal Knowledge Management Moderators to be able to easily revise, update and upload ...
3
votes
1answer
32 views

Does css and js libraries of canvas app and salesforce UI collide in anyways?

After getting so many UI issues while using canvas app i am wondering if the css and js libraries of both canvas and salesforce UI collide with each other and not recognized by the browsers? Any ...
0
votes
1answer
53 views

posting AMPscript variables into a remote css style sheet

We want a div on an ExactTarget landing page to reflect a background color defined in a Data Extension. My thought process includes setting a text field with the color code and then using an AMPscript ...
1
vote
1answer
102 views

Looking for native CSS Files

The Visualforce Developers guide states in the section on 'Using the Saleforce Stylesheets" that: "The following stylesheets contain style classes you can reference. They are located in the /dCSS/ ...
2
votes
1answer
128 views

Loading dynamic images as background, how can I check for image first?

I am using dynamic images as the background image of a div in a visual force page I am working on. I apply the background to my div in CSS as follows: ...
2
votes
1answer
87 views

how to change the visual force page to look like the standard detail page section

I have created a visual force page and embedded in the accounts. But visualforce page looks different in the section when embedded (that is the background-color is gray and does not like the standard ...
3
votes
1answer
96 views

VF / HTML markup for RenderAs PDF a specific div that spans 1+ pages in landscape mode

I'm exporting some reports using renderAs="pdf" and working fine. I need to add a summary page for those reports(no matter at the beginning or at the end) in landscape mode. I used @page ...
2
votes
3answers
208 views

Change VF background with Javascript reference to a Static Resource image

I have made a small script to change the background color of my VF page. Here's my script <script language="JavaScript"> function changeBGC(color){ document.bgColor = color; } And ...
2
votes
0answers
987 views

CSS not displaying border when rendered as PDF in 2nd page

I have created a visualforce page rendered as PDF.But in PDF the first page is showing with lot of whitespace on the top and in the remaining pages the border on the top is not displaying . i think ...
1
vote
1answer
69 views

Problem adding css to Visualforce Page

Inline css is working. But I'm unable to call from an external css the same code. Following is in VF.. <apex:stylesheet value="{!URLFOR($Resource.style, 'style.css')}"/> And my style.css ...
2
votes
2answers
261 views

How to apply third “if” condition in styleclass?

I have a third class Class3 that needs to be applied for Status__c == 'In Progress'. This is my code. styleClass="{!IF(account.Status__c == 'Closed','Class1','Class2')}"/> Basically I'm ...
2
votes
1answer
228 views

Add custom apex:inputFile icon/image

I'm using an inputFile button to upload some files... The button renders on my page as a grey 'Choose File To Upload' button. Can I add my own custom icon/image in place of the button? ...
1
vote
1answer
457 views

Can I change the color of a VF table cell dynamically?

I have a picklist called Status, displayed in a Visualforce table with fields like .. Closed Open Critical <div id="col1"> <apex:column > <apex:facet ...
2
votes
1answer
229 views

Is there a way to overwrite the CSS of apex components in salesforce?

I'm using a pageBlock component, it's obviously very handy for storing my returned object/s but I really don't like how it looks. As I'm quite new to apex/salesforce, I'm wondering is there a way to ...
3
votes
1answer
408 views

Preloader in Visualforce page and align text in the center

I have added a circle by using the HTML SVG tag in a VF page. When i render that page as PDF, it's not showing that circle. Is there another way to add small circle but also to be visible when ...
2
votes
1answer
653 views

highlight single selected row in table

I have a table with rows, i want to highlight the selected row to do some actions on it. I used onRowClick and give it background color, but if i click on anothe row, it highlight two rows .. how to ...