Questions tagged [stylesheets]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
4
votes
2answers
99 views

Not able to import CSS in LWC No MODULE named markup:

I have created a Lightning web component named commonStyleSheets and deleted html, JS file and kept only CSS file as shown in the below image. Now if I import it by using 'c/commonStyleSheets' in ...
0
votes
0answers
45 views

LWC button mobile view

I am trying to make lightning-button show in mobile view with increased size, which should happen automatically according to Lightning Design System doc: https://www.lightningdesignsystem.com/...
0
votes
0answers
10 views

lightningstylesheets on vf page messing up warning icon

I am using standard visualforce page with lightningStylesheets="true". warning icon is not user friendly. I tried to hide icon using below script which didn't worked. Please let me know if there is ...
5
votes
3answers
1k views

Is there any way to dynamically pass a value to attributes in css fie in lwc?

I'am working on a lightning web component which contains .css file having following class: .navBar2{ height:29px; } .navBar2:before{ background: red; } Is there any way i can pass dynamic value ...
2
votes
2answers
1k views

Importing a common CSS in LWC

How can I use a common CSS file across every LWC component? /* common style */ h1{ font-size: 2rem; color:rgb(102, 94, 94); } For Example I want to use this CSS file in every component. Can ...
1
vote
2answers
991 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
40 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 ...
6
votes
1answer
1k 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
578 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
260 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
520 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
1k 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
104 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
600 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
191 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
928 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
256 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
867 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
130 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
245 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
617 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
149 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
387 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
601 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
122 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
50 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
83 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
2k 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
498 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
846 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
2answers
537 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
456 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
907 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"...
2
votes
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.
9
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 ...