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
1answer
15 views

How to change image displayed in sectionHeader

Is there anyway to change the image displayed in the sectionHeader Here is what I have: <apex:sectionHeader title="Dollor Store"/> By default it displays this icon: Custom42Tab ....
3
votes
2answers
126 views

Explain css syntax .apexp .detailList .list td

I am reviewing someone else's css on a VF page. I do not understand the syntax: .apexp .detailList .list td { color: white; } I know it sets the td to white, but can someone explain how to ...
1
vote
1answer
43 views

apex:repeat not iterating for null value

Corrected VF code: <apex:pageBlock ><br/> <style> TABLE#showcells { empty-cells: show } </style> <apex:outputpanel style="height:Auto;" ...
2
votes
1answer
47 views

How to display text in 2 lines in a ui:button on a Lightning Component

I have a Lightning Component with a ui:button and I need to display the text in 2 lines My custom style is : .THIS .button { width: 150px; color: #00396B; border: 2px solid #005FB2; } My ui:...
2
votes
1answer
19 views

Chatter messes up my CSS

On one hand side we have this portal that looks normal and the css i working fine: But Once I've embedded in chatter it all went bad and website completely shrunk as such : can someone help ...
1
vote
1answer
48 views

Once I nest buttons within another element, I can no longer toggle to “hide” them using my previous CSS? [duplicate]

I have the following component: <div aura:id="appr"> <ui:button aura:id="approveButton" press="{!c.handleFirstPress}" label="Approve" /> </div> <div aura:id="subm" class="...
0
votes
1answer
15 views

Image resizing while using text area inside an html div

I have a rich text area field that stores image. This image is to be embedded in a div of fixed col size. However i am unable to resize the image and restrict it from overflowing out of the div. which ...
0
votes
0answers
30 views

Override background image/color in the community using the Napili template

I've been testing the customization capabilities of communities with napili template. One of the very basic things I cannot easily do is, branding. I can update the logo, but not the background. It ...
1
vote
0answers
29 views

Ampscript conditional statement in style tag?

Can I have an AmpScript conditional statement in a tag? %%[SET @email = [emailaddress] SET @domain = Domain(@email) ]%% %%[IF @domain != "gmail.com" OR @domain != "yahoo.com" OR @domain != "mac....
2
votes
1answer
41 views

change css for visualforce page

How can we change the css of the chatter feed for my visualforce page? Should we create the complete feed separately or is there any shorter and efficient way for this?
0
votes
0answers
23 views

How to override the styles in iframe of canvasApp component ..?

I am using CanvasApp component in page. In this i am attaching and displaying the videos from external. I am trying to override the height of the video using the custom css. But height is not ...
0
votes
1answer
27 views

How to add repeated Footer to PDF Visualforce? [duplicate]

I have a requirement where I have to add a footer to PDF, This footer will be repeated for all the pages. I am generating this PDF using Visual force PDF renderAS functionality. I have gone through ...
1
vote
1answer
48 views

how to include image as header/logo in a visualforce pdf page

I am trying to build a pdf page where the header/logo includes an image. I have tried the following but no luck yet: <apex:page standardController="proposal__c" extensions="...
0
votes
2answers
48 views

CSS Style for ui:button in Lightning Component non rendering

I followed the instructions in the Lightning Components Developer Guide for applying CSS to a ui:button in my Lightning component, but the style isn't showing up. Here's the button in my component: &...
0
votes
1answer
71 views

The element type “div” must be terminated by the matching end-tag “</div>”

please help me in finding the missing div.I tried a lot tried also some online div checker but was not able to resolve the issue <apex:page controller="GiiCommunitiesTabPanel2Controller" ...
3
votes
1answer
41 views

Issue changing inline css during Lightning afterRender

I have a simple Lightning component <aura:component > <!-- 100x100 box --> <div style="width:100px;height:100px;background-color:blue"> <!-- 50x50 box --> ...
0
votes
2answers
52 views

Creating popup tip box visualforce

I am trying to create a dialog box that appears when a user hovers their mouse over output text on a visualforce table. I am currently using CSS methods to generate a output panel whenever a user ...
0
votes
1answer
50 views

hide/display img tag on condition

I have below code - Var @test <a href="http://www.xxxxxx.com/videos" target="_blank"><img src="http://www.xxxxxxxx.com/sites/default/files/images/2015/12/121615-social-video.png" alt="...
5
votes
1answer
63 views

Background color for Pageblock title

I have a visual force page which uses pageblock tag: <apex:pageblock title="Sample"> </apex:pageblock> I would like to make the background color of title="Sample" as green. How can I ...
1
vote
1answer
103 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
87 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
56 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
184 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
64 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 ...
2
votes
1answer
76 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 https://www.lightningdesignsystem.com/components/...
0
votes
1answer
82 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
1answer
46 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 X-...
0
votes
2answers
19 views

Override FlowPageBlockBtns CSS for Visual Flow page?

Has anyone been successful in overriding the FlowPageBlockBtns CSS for a Visual Workflow VF page? https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_flows_customize_runtime_ui....
1
vote
1answer
109 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
115 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
1answer
70 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
29 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
26 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 ...
5
votes
2answers
94 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
40 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
112 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
129 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
268 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
39 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 - https://www.lightningdesignsystem.com/...
0
votes
0answers
44 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
70 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, '/jquery-ui-1.11.4.custom/external/jquery/...
0
votes
1answer
77 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
84 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
92 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
47 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
126 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 type="text/...
0
votes
0answers
31 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
76 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
68 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 ...