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
28 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
1answer
21 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
0answers
20 views

How to display records using pagination with scroll bar using Div Tag [closed]

using div tag display contact records, First Display 10 records using pagination in visual force page and assign custom buttons that page. When i click Next Button Display remaining records. i did ...
0
votes
1answer
44 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
29 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
43 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
47 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
50 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
77 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
58 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
51 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
130 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
62 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
56 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
60 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
34 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
79 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
88 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
52 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
24 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
23 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
73 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
38 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
97 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
95 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
169 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
37 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
36 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
61 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
58 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
65 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
68 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
40 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
103 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
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
67 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
65 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
117 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
30 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 IN&...
1
vote
1answer
30 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
234 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
28 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
51 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
45 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 <apex:...
0
votes
0answers
74 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
70 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
88 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).