Questions tagged [stylesheets]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0
votes
2answers
88 views

How to bind variable in inline style in LWC? [duplicate]

The code below shows binding of attribute in Lightning component. <div style="{!'width:' + v.padAtr + '%'}"> </div> Is there any way to do the same in LWC? In LWC, i tried the below code ...
1
vote
1answer
25 views

Applying styling ONLY to specific class within another class in Aura component

Is there a way to apply a CSS rule to a specific class only if it is within another? For instance, if I wanted to make the background black for a class black within the class container but not set ...
4
votes
1answer
424 views

Using SASS/SCSS with Lightning Web Components

We are building Lightning Web Components and styling each one using the CSS file within each component folder. This is starting to become long and out of control. I understand that one could upload a ...
0
votes
1answer
309 views

Visual Force: Have footer only on the last page of a document

I have a visual force page. It gets turned into a PDF if a button is pressed. There will be multiple pages. I want to have my footer at the bottom of only the last one, but I cannot figure out how. ...
0
votes
2answers
121 views

Fields not aligned in a column in VF page

Anyone has an idea why the last 6 fields are not aligned Visualforce Page (Code for fields that are not aligned with other fields): <apex:pageBlock title="Product Information" mode="edit" ...
1
vote
1answer
363 views

Access Static resource stylesheet from Zip file in lightning Component

When trying to access stylesheet in lightning component it's showing error message <ltng:require styles="{!$Resource.SLDS90,'assets/styles/salesforce-lightning-design-system-vf.css'}"/> ...
1
vote
1answer
598 views

Align fields in column in VF page

This is my code: <apex:outputPanel title="Subscription List Front" id="subscriptions_list_front"> <apex:pageBlock rendered="{!show}" id="selectFront"> <apex:...
0
votes
1answer
2k views

Custom Style on lightning:textarea

I want to add custom styling to text area height, border, color etc This is Component <lightning:textarea name="notes" value="" class="topText" label="Notes" maxlength="300" /> This is css ...
0
votes
1answer
94 views

How to prevent embedded visualforce widget in standard page layout from becoming misaligned with other fields on window resize?

I have a visualforce page that I am embedding directly inside the standard page layout for the Products object. I am trying to make it look and feel like a native widget. I followed the suggestion ...
0
votes
1answer
410 views

How to dynamically add SLDS class to VF page div tag

On click of a button, I want to dynamically add 'slds-has-error' class to a div around an element. My markup is as: <apex:form id="theForm"> <!-- divContainer --> ...
0
votes
0answers
180 views

Required and error classes not applied to VF page elements

slds-required and slds-has-error classes are not getting applied to my VF page elements that are styled by SLDS. I have included the style sheet as well: <apex:stylesheet value="{!URLFOR($Resource....
0
votes
1answer
773 views

Not able to align fields in column in VF page

Can anyone please help me with styling. I even tried panelgrid and pageblock section item but nothing is working My current page image: VF page : <apex:pageBlockSection columns="2"> ...
0
votes
0answers
15 views

Lightning supresses custom classes in VisualForce page

I ran into an issue where a VisualForce page containing custom style classes (in the head tag), and which displays fine in Classic, gets the custom classes supressed in Lightning. If raw styles are ...
1
vote
1answer
224 views

How to style <apex:detail> element when page is rendered as pdf?

I need to render pdf page with content from object. To do so I put <apex:detail> element in page and it is working, but its showing other elements from page layout that I don't need in pdf. I ...
0
votes
0answers
671 views

Lightning Component's Styling is not working in Internet Explorer?

I have developed a Lightning component for the Menu section of our Community(Napili template). All the custom stylings are working well in Chrome, Safari, Firefox except for Internet Explorer. All ...
1
vote
1answer
125 views

Lightning design css overwrites header styling

When using the latest lightning design css on a visualforce page the styling overwrites the standard styling in the header. Is there any way around this happening?
1
vote
0answers
240 views

Apply Classic CSS on existing Lightning component

I saw this question Apply Lightning CSS on existing Visualforce pages but i was wondering if the inverse is possible, is there a way to style a lightning component to look like a classic apex ...
1
vote
1answer
552 views

Is it possible to use Bootstrap in conjunction with the standard Salesforce styles?

Is it possible to use Bootstrap in a VFP without having to use standardStylesheets="false" and showHeader="false"? When I solely add in the stylesheets tag, my whole page is altered a little bit. The ...
0
votes
0answers
135 views

Attachment VF page

I am putting together VF page to render attachments, it will reside in service console so I was trying to get styling roughly aligned with other related list components. However when I set the ...
0
votes
1answer
27 views

Pass <br/> as part of a custom component's attribute value - compile error

Hi I tried to provide line break for the text however Iam facing this issue. </td> </tr> </table> ...
1
vote
1answer
49 views

Use salesforce style sheets?

How can I use the built in salesforce style sheets to style a commandButton so that it looks like the (green) share button that is used in the chatter, post action? What class would I assign to ...
1
vote
1answer
346 views

How to fix formatting in <apex:pageBlockSection

How can it be align to rest of the fields like how it has Start/End date... like to avoid using style like left-padding etc... Screen shot how it looks after it renders: Here is my VFP code that ...
0
votes
1answer
569 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: ...
0
votes
1answer
110 views

Can I use the chatter api to bypass the need for salesforce standard stylesheets in my visualforce pages?

Can I use the chatter api to bypass salesforce standard stylesheets in my visualforce pages? Short explanation: I have a chatter group that is set to broadcast only, and is used for posting updates ...
1
vote
1answer
49 views

Styles are not displaying for End Users on Vf page

I created a VF page which uses static resources styles. The cache control property is set to public. Every thing is displaying for me. But styles are not getting applied for external users, as url is ...
0
votes
1answer
82 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 ...
7
votes
1answer
5k views

Lightning (SLDS) styling for calendar

I have designed a VF page with SLDS, which has a calendar field, how could I replace the current date proportion of the calendar field with some image/icon using SLDS? or any other solutions? Please ...
4
votes
2answers
1k views

How to target phones and tablets with media queries on a lightning app component?

How to target phones and tablets on a Lightning component using media queries only? I've been experimenting with media queries on lightning components and I was surprised with the results. Somehow on ...
3
votes
2answers
2k views

Override salesforce styles on Visualforce page

I know that this question has already been asked before but none of these solutions does work for me. So i have page like this <apex:page standardStylesheets="false" showHeader="true" sidebar="...
0
votes
1answer
495 views

How to make salesforce tabs look normal even on adding external style sheets to visual force pages [duplicate]

Hi i was adding style sheet to my visual force page, it is working fibe but it is affecting default salesforce tabs look un-user-friendly. without adding style sheet it is looking like <apex:...
1
vote
1answer
5k views

how to use html link tag in visual force page

i was trying to place css styled tabs in visual force page the code for that is <apex:page > <head> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/...
1
vote
1answer
3k views

Bootstrap styles not being applied to Visualforce page as static resource

I'm working on a very simple validation of getting Bootstrap styles applied to a VF page - I have uploaded Bootstrap 3.3.4 as a static resource, have disabled the header and sidebar, and disabled ...
3
votes
1answer
1k views

Floating divs side-by-side that contain Apex:repeat without table?

I'm an Apex developer that's trying to style a few Visualforce components within divs, but I have absolutely no web development experience so I was hoping someone could point out what I'm doing wrong ...
0
votes
1answer
801 views

How to use the Media attribute in apex stylesheet

When I used the below code, its work fine. <link href='https://e13.salesforce.com/resource/3243243242342/resorcename/css/treeview.print.css' rel='stylesheet' media='print' /> But above is ...
0
votes
1answer
509 views

Custom styles getting overrided by salesforce default CSS after rerendeing

I have visual force pages where i have put custom CSS and everything was working fine till yesterday. For eg I have CSS file style.css which i have included at the top my my salesforce page and it has ...
0
votes
1answer
2k views

How to apply CSS styles to a Rich text field in a Visualforce page

I have a Object 'A' with field 'testField1' and it has html formatted text value.. Something like this: testField1 = "<div class="text">sample text </div><div class = "boldthis"> ...
0
votes
1answer
444 views

How to add style sheet to the the detail page of a custom object?

How do i add style sheet for standard detail layout of a custom object. I have a custom object list view displayed and when user clicks on any particular record it displayed the detail page for that ...
0
votes
0answers
1k views

Issue setting font color in Visualforce page using stylesheets

I am trying to set properties on a column using a stylesheet instead of embedded style values. However I cannot get the stylesheet method to work when applying color to the text. I am fairly new to ...
0
votes
0answers
47 views

Saving CSS in SalesForce website

I keep getting this error that's driving me nuts whenever I try to save my CSS file. What are SalesForce' restrictions on CSS? What would cause this? I'm quite certain that there is nothing wrong ...
1
vote
1answer
842 views

Live Agent: Custom Style for liveAgent:clientChatLog

liveAgent:clientChatLog is the VF tag which is used to display the chat transcript to a visitor. There seems to be no way of applying any kind of style to the text in this window, nor to apply custom ...
1
vote
2answers
2k views

Modify dependent inputField style

I'm experiencing an issue when trying to modify the style of an apex:inputField which is dependent from another one in a VF Page What I want to do is set the exact position of the inputField, its ...
1
vote
2answers
28k 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 ...
4
votes
1answer
3k views

inputfield with type date using twitter bootstrap

I have a page that contain inputField with type (date), And I used bootstrap framework css and turned off the standard style sheet.. but the date field appeared without datepicker and i put type="date"...
1
vote
3answers
15k views

Change style of pageblock header standard style

I want to change some style attributes of pageblock header, like padding-bottom or hight.
10
votes
5answers
7k 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 ...
6
votes
3answers
2k 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 id="BlockWithRedColor"...
3
votes
0answers
87 views

Site.com studio: using styles in content blocks

I can see how I can create text styles in Site.com studio by editing a style sheet. I can see how I can use a style as an ID or a Class by specifying the properties of an entity. But I can't work ...