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

1
vote
0answers
24 views

Fixed div in Salesforce1 using lightning components

Although this may not be salesforce specific issue but its remotely related to Salesforce and occurring only in Salesforce1 mobile app. I am trying to fix a div at the bottom of my screen using the ...
0
votes
1answer
42 views

Bootstrap into css on vf page

I had built a vf page with css but the layout is varying on different browsers and window screen. So I need to go for bootstrap which will support all. But I am totally new to this. Can anyone help in ...
3
votes
1answer
42 views

How do I stop the loading indicator on the VF page?

I have single field called Case and on its onchange event along with the apex method, it calls the JavaScript function where the loading indicator can be seen on the VF page like below: Till here ...
4
votes
1answer
102 views

My Header and Footer overlaps with the content in a PDF Visualforce Page

I am trying to render my PDF page with a header and a footer, that are actually images, and a content, that expands in more than one page. The problems that I am facing are: The Header gets ...
3
votes
0answers
56 views

Html file in footer setting of customer portal is not working on Summer'16? [closed]

I have used html file in footer setting of customer portal and it is working fine. but today sandbox is updated into summer 16 and its JS and css is not working. Please help me how to use css/Js in ...
1
vote
1answer
37 views

How to code 'scoped tabs' in Lightning Design System?

I want to use the 'scoped tabs' component in a demo community on the Napili template. Example of 'scoped tabs' from LDS (Lightning Design System) at ...
0
votes
1answer
47 views

redesign chatter in lightning component

I'd like to put a chatter feed in a lightning component and put this component in a community. I already did that : visualforce page : <apex:page showHeader="false" sidebar="false"> ...
0
votes
0answers
21 views

Apex Chart with Bootstrap/Semantic-UI are not compatible?

I tried to use Bootstrap/Semantic-UI in VF Page. First, I created some apex:chart. It works fine. And I started styling page with Bootstrap/Semantic-UI. Then my line, bar, areas all gone. And only ...
0
votes
2answers
15 views

Override FlowPageBlockBtns CSS for Visual Flow page?

Has anyone been successful in overriding the FlowPageBlockBtns CSS for a Visual Workflow VF page? ...
1
vote
1answer
55 views

visualforce page as PDF - unicode font bold characters

I am creating PDF page in salesforce and I have to use cyrillic characters in page. As font I set up 'Arial Unicode MS' in css, because cyrillic characters are not rendered with other fonts. But I ...
0
votes
1answer
51 views

Remove Salesforce styling only from buttons in VF page

I've added a button to my visualforce page, and have added the bootstrap class btn success to it. <button type="button" class="btn btn-success">Success</button> However, Salesforce adds ...
0
votes
0answers
45 views

How to give background color to button in lightning components

I am not able to give background color to buttons below.please help
0
votes
1answer
23 views

Bootstrap in communities

In communities is there a way of uploading bootstrap.css file onto site.com. I tried to upload a document and convert it to css it comes up with a message saying that i cant upload it due to many ...
1
vote
0answers
18 views

What values are allowed in the HTML Editor?

In creating a Knowledge Article, I was adding an img to it. I decided to flip over to the source view and add in a style="border: 1px solid black;" for a border and, after saving, the value of style ...
4
votes
2answers
52 views

Lightning style overrides the Visualforce style

I have an old VF page that now needs to be displayed in lightening. So I checked the checkbox Available for Salesforce mobile apps and Lightning Pages for the page. But the styles seem to override. ...
3
votes
1answer
31 views

SelectCheckboxes wrapped inside pageblock

I have a basic pageblock->pageblocksection->pageblocksectionitem->(label, selectcheckboxes) setup in my VF page. When I render the page, <apex:selectCheckboxes> I get html with each input ...
2
votes
2answers
55 views

How to use CSS to center my Heading H1 in a vf Page [closed]

This is my VF page <apex:page standardStylesheets="false"> <apex:stylesheet value="{!$Resource.TestCSSFile}" /> <div class="section1"> <h1> H1 </h1> <br/> ...
0
votes
0answers
60 views

How to get <apex:column> component to play nicely with Bootstrap?

I've set up a VisualForce page with 7 columns. I've added a pageBlock, a pageBlock table, and 3 apex:columns into the bootstrap columns. The pageBlock and pageBlock table refresh fine, however the ...
1
vote
1answer
98 views

How to center align <apex:pageBlock> title with CSS?

I've had a search on google and SE and can't seem to find a definitive answer. How do I center a pageblock table header? It's nested like this: <div class="pbHeader"> <table border="0" ...
1
vote
1answer
32 views

Why this pattern - Span tags with class enclosing img in Lightning Design System?

I was checking out the new Lightning Design System framework from Salesforce, and noticed there's a pattern of img tags inside of span tags. Reference link - ...
0
votes
0answers
30 views

Highcharts not working as expected inside apex:tab

I have a highcharts container inside an apex:tab component. When the page first loads, it looks like this: Which is 100% as expected and is sized to fit the container correctly. However when I ...
1
vote
1answer
45 views

jQuery UI slider doesn't work inside PageBlock

I've got the following code: <apex:pageBlock title="Parameters" mode="edit" id="criteria"> <apex:includeScript value="{!URLFOR($Resource.jQuery, ...
0
votes
1answer
44 views

CSS is not getting applied for renderAs PDF

I am trying to apply CSS on Visualforce page which will work RenderAs PDF .I am applying CSS using Static Resource .So help me in resolving this problem VisualForce Page <apex:page ...
0
votes
1answer
57 views

Header and Footer repeating in end of the word document

any one help me on this, it's urgent. Header and footer are displaying end of the word document. I am using landscape as page size. If I change page size landscape to any other it's working fine. But ...
2
votes
1answer
30 views

Call <link rel=“stylesheet” href=“”> On A Specific Part Of My Page Without Overriding My Current CSS Style

I am trying to call <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> in the header.php that is linked to my post_form page for the jQuery file ...
0
votes
1answer
45 views

How set table width dynamically based on list count

I am generating pdf and word documents. In that displaying the tables using html tags. columns will be different for each records. I want to set width of the column based list count. If list have 3 ...
0
votes
2answers
32 views

Multi line CommandButton in Visualforce

How would you format the following such that the button displayed on two lines? <apex:commandButton value="First line \n Second line">
1
vote
1answer
85 views

Change mouse to cursor pointer whenever hover over visualforce chart in salesforce

VF page <apex:page controller="ChartController" title="Pie Chart" sidebar="false"> <apex:includeScript value="{!URLFOR($Resource.ChartLib, 'jquery.min.js')}"/> <script ...
0
votes
0answers
30 views

How to set pageBlockSection background-color [duplicate]

UPDATE: Here is the toggleRow jQuery function toggleContactRow(rowId) { try { var AccountImg = jQuery(document.getElementById(rowId + ":Img")); var ...
0
votes
1answer
54 views

choose plus/minus icon?

Currently I'm using expand/collapse icons as shown below in the screen shot, but I'm looking to find plus/minus icon where can i find that in salesforce? .showDetail { background: ...
1
vote
1answer
61 views

Problem linking to a static resource image

I went through a lot of threads of people explaining how to link to a static resource image in your CSS. My code looks fine to me, yet it doesn't work. I have put the css file in a folder together ...
2
votes
0answers
90 views

Visualforce PDF page break doesn't work

I'm creating Visualforce page rendered as PDF and struggling with page-break. I have a really long table which is stretched across 5-20 pages. The rows are rendered using apex:repeat. Source for ...
0
votes
1answer
29 views

Remove the Extra Space between Labels

Here is my VF Code: <span style="padding:10px;"> <label>{!wrapper.used}</label> / <apex:outputLabel value="{!wrapper.total}"/> USED ...
1
vote
1answer
27 views

Cannot create custom themes for salesforce

We are trying to create a custom salesforce theme following these instructions: https://www.youtube.com/watch?v=EdNJwzhok_M Navigate to Setup | Personal Setup | App Setup | Customize | User ...
0
votes
1answer
169 views

How to style radio button labels in VisualForce Page

I am having a lot of trouble styling the radio button labels in my page. In the image below you can see that the style of the radio button labels is completely wrong - they should all be the same as ...
1
vote
1answer
24 views

Single apex message coming in red but not multiple apex messages [duplicate]

Couple of days back , I had a problem like i have a page message and I want the text to be in red color. after applying some css it worked out well.But if i am showing more than one error ,then only ...
2
votes
1answer
37 views

standardStylesheets attribute doesn't work properly

I can't get it work as it should. The code rendered even for an empty page: <apex:page standardStylesheets="false" standardController="Opportunity"> </apex:page> Includes: <link ...
1
vote
1answer
40 views

Is it possible to line up PanelGrid with PageBlockTable or hard code a pageblocktable

So I have a data entry grid that is a pageBlockTable. I'd like to put instructions below the grid. What control can I use to make the grids line up? This is the data entry section ...
0
votes
0answers
64 views

Display All the Images from static resource zip file in One Div element for carousel effect

I Want to do a carousel effect in visualforce page and I achieved that somewhat. I have static resource zip file which contains four images in it. For carousel effect am just giving the names of the ...
0
votes
0answers
11 views

Lineup Embedded Visualforce Page

I have a very simple embedded VF page that displays a colored box with text if a checkbox is checked. All works fine, but I would like to line up the right edge of my colored box with the right side ...
0
votes
1answer
62 views

ReRender Page using Anchor Tag

How can I make the whole tab, using an anchor tag in <li> tag, be clickable and to render resultant page? Code: <div id="tabs-container"> <ul class="tabs-menu"> <li ...
0
votes
1answer
83 views

How to refer SVG/Images from Lightning Design System static resource to Lightning app?

Please guide me in using SVG/Icons given in Lightning Design system in Lightning component. Is it through ltng:require? EDIT: I need to refer SVGs in the LDS Bundle(static resource).
0
votes
0answers
75 views

SLDS grid flexbox CF

Trying to mimic the layout of the default New Case modal that displays with two columns side-by-side in the form. Can't seem to figure out what I'm missing here but it's rendering all kinds of weird ...
0
votes
1answer
47 views

what css framework suits better for embedded js applications?

I have some embedded js application consuming remote scripts from Force.com, right now I'm using bootstrap but it has a lot of conflict with the Force.com default css. I want to know if there is a css ...
0
votes
2answers
76 views

ExactTarget support of Bootstrap CSS v3.3.5

Can you please let me know if ExactTarget Support Bootstrap CSS v3.3.5. I am trying to use it on a landing page and it doesn’t seem to work. I have an HTML that works fine, but when I copy the HTML ...
1
vote
1answer
37 views

Css is not working when rendering a visual force page in site.com

I have a visual force component and I added it to a visual force page. The component contains a css code as: @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { ...
-1
votes
1answer
57 views

Unable to apply styles through DOM for renderAs pdf pages

I have a page .I'm using it as pdf page.I made some css changes using jQuery.Without using renderAs="pdf" tag ,everything is working fine.But if I use renderAs="pdf" tag, the changes through DOM are ...
0
votes
3answers
131 views

How do you style the command buttons so they are bigger?

I have a few command buttons on 2 different VF pages. How do I style the buttons so they are bigger? <apex:commandButton value="do something" action="{!myAction}" /> When I do it, it looks ...
2
votes
1answer
44 views

CSS styles of a chatter page in iframe don't update

I have inserted the chatter page of salesforce in an iframe: <iframe id="showPage" src="{!$Site.Prefix}/_ui/core/chatter/ui/ChatterPage" style="width:100%; height:600px; margin:0px;" ...
1
vote
2answers
235 views

Adding footer on every page generated using Visual Force

Hello I have the below VF page which I use to generate a letter. I am not using "visualforce page that is rendered as PDF". I searched about "visualforce page that is rendered as PDF" but when I tried ...