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
3answers
85 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
17 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;" ...
7
votes
3answers
633 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
68 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
40 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
43 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
22 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
52 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. ...
0
votes
0answers
19 views

Alert message is coming after automatically creating Case and Contact from Prechat form in Live Agent?

We are using Liveaget to support customers.As per one of my requirement,I've implemented that automatically creating case and contact when a chat initiated.Here this functionality is working fine ...
1
vote
1answer
43 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
15 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
28 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
25 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
193 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
31 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
82 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
40 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
50 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
25 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
34 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
66 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
67 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
60 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
0answers
58 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
90 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
401 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
45 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
193 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 ...
1
vote
1answer
97 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
158 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
148 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 ...
2
votes
1answer
205 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
296 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 ...
0
votes
0answers
34 views

issue with app selector in IE 8 salesforce

I am facing UI issue on salesforce app navigation dropdown in IE8 standard: we dont have any css added for home page components, Please suggest any solution. Issue is not reproducing on any other ...
1
vote
1answer
115 views

How to add Flow-Specific CSS Classes?

I've just created a Visualforce page with an embedded flow. This is the code so far: <apex:page controller="FlowController" standardStylesheets="True" showHeader="False" sidebar="False"> ...
0
votes
1answer
208 views

Issues moving a page into VisualForce

have a page that was coded outside of force.com and I have to move it into a Visualforce page. Then, just for kicks, I took the source of the page out of force.com (where it doesn't work) and created ...
1
vote
2answers
73 views

How can I prevent users from styling text in a custom Exact Target template?

My company has several departments that would like to have their own email newsletters. In order to maintain brand consistency, we would like to hard code certain text styles into custom email ...
0
votes
0answers
42 views

how can i re-size the pagablock table row ? Is It Possible?

how can i re-size the pagablock table row ? i want to resize the pageblocktable here is the demo table what i need http://www.ita.es/jquery/jquery.kiketable.colsizable.htm i cant able to stretch ...
2
votes
0answers
90 views

100% screen width not working properly in Salesforce1 on iPhone

I'm working on an app for Salesforce1. S1 has a menu on the left and a news feed on the right, both hidden until revealed by swiping the screen to the left or right. My body width is set to 100%, ...
1
vote
1answer
49 views

How to edit link properties as underline color in ExactTarget content editor?

Can't find how to change link underline color in content editor. It seems that ET content editor putting underline to all text links by default and you can't remove them at all + link color is ...
3
votes
2answers
471 views

Visualforce: Adding CSS class from Controller

Is it possible to add a CSS class to one of the Visualforce page objects from controller? What I want to achieve is to handle one exception in controller. From catch block I want to be able to hide a ...
0
votes
1answer
67 views

Is there any way (CSS, static resource?) to change the font size of all dynamic choices in Visual Flow?

I have been successful overriding the font size for different field labels but not the elements of my dynamic choice fields.
7
votes
1answer
62 views

Why doesn't CSS overflow work in Visualforce tab?

Does anyone know how to get the CSS overflow property to work on a Visualforce tab? The concept I'm going for is possible, as demonstrated on JSFiddle. However, I cannot seem to apply the same concept ...
1
vote
2answers
2k views

Change style of pageblock header standard style

I want to change some style attributes of pageblock header, like padding-bottom or hight.
6
votes
4answers
624 views

How to ignore Salesforce CSS on VF Page (with header)

I've been working on a Visualforce page using remoting, and am trying out building a custom UI to go along with it (not using any VF tags for the UI). While I'm aware that you can leverage ...
4
votes
1answer
51 views

In Site.com, how do you use browser-prefixes in your CSS?

I'm creating a button element with a linear-gradient. But some mobile browsers don't yet support the CSS linear-gradient property without browser prefix. Specifically I want to use ...
2
votes
0answers
121 views

Multiple column layouts in renderAsPDF vf page

I need to generate a pdf vf page with multiple column layouts. I read there is something in the css 3 specification: http://www.w3.org/TR/css3-multicol/ But when I tried: div.wrapper{ columns: 2; ...
3
votes
1answer
519 views

Change color theme of visualforce page

Good evening everyone. I would like to know if it is possible to change a visualforce page color the same way we choose a color for each object. At the moment, I have this VF page that can be either ...
4
votes
2answers
667 views

How can I give tags of tag custom style?

I've PageBlockSection tags inside PageBlock tag, and I want to give all PageBlockSection tags inside PageBlock tag with specific id a custom style. Any Idea ? <apex:pageBlock ...
18
votes
3answers
853 views

sfdc-styleguide usage questions in Salesforce1

I am trying to follow http://sfdc-styleguide.herokuapp.com/ 's usage of components and style classes. I have been unable to find references to any of the style classes described in the component ...