Questions tagged [stylesheets]
The stylesheets tag has no usage guidance.
53
questions
0
votes
0
answers
25
views
B2B Template (LWR) - "globalStyles.css" style
What is the best way to include a "globalStyles.css" style so it can be loaded at site level.
I tried to include this "globalStyles.css" in the static resources and then reference ...
1
vote
1
answer
80
views
How to remove black shadow from Aura component Model?
I created a Aura component which opens pop-up window on Global action click. Pop-up is working fine but I see a black shadow box around the model pop-up section.
Right now it is showing like below:
...
- 247
0
votes
0
answers
58
views
Experience Site Custom CSS: Target input states
I am customizing the styles of some standard components of a B2B LWR template experience site, for the inputs I am able to change the style simply by targeting the property part or class , for ...
- 3
1
vote
1
answer
747
views
Apex Visualforce page styling remove underline and text align [closed]
This image shows the output of the Visualforce page:
How to text-align Opp Created Date to the right the page?
How to remove all the underlines?
here is the code:
<apex:pageBlock >
<...
- 31
2
votes
1
answer
3k
views
Inline CSS with dynamic values in LWC
I have come to a problem, where i dont know how to use dynamic inline css together with classic static attributes and properties.
I have a iterator, which is going over a JSON file, where i stored ...
- 309
5
votes
2
answers
3k
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 ...
- 2,600
5
votes
3
answers
10k
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 ...
- 103
3
votes
2
answers
17k
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 ...
- 169
1
vote
2
answers
6k
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 ...
- 103
1
vote
1
answer
849
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 ...
- 13
6
votes
1
answer
4k
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 ...
- 181
1
vote
1
answer
900
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,366
1
vote
1
answer
4k
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:...
- 15
0
votes
1
answer
4k
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
...
- 727
0
votes
1
answer
143
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 ...
- 253
0
votes
1
answer
2k
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 -->
...
- 2,560
0
votes
0
answers
276
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....
- 2,560
0
votes
1
answer
1k
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">
...
- 59
0
votes
0
answers
16
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 ...
- 31
1
vote
1
answer
425
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 ...
- 267
0
votes
0
answers
1k
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,491
1
vote
1
answer
180
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?
- 11
1
vote
0
answers
276
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 ...
- 455
1
vote
1
answer
763
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 ...
- 3,431
0
votes
0
answers
167
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 ...
- 169
0
votes
1
answer
31
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>
...
- 468
1
vote
1
answer
55
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
1
answer
642
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 ...
- 6,934
0
votes
1
answer
881
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: ...
- 6,934
0
votes
1
answer
138
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 ...
- 29
1
vote
1
answer
118
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 ...
- 25
0
votes
1
answer
94
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 ...
- 105
7
votes
1
answer
6k
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 ...
- 2,045
4
votes
2
answers
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 ...
- 495
3
votes
2
answers
3k
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="...
- 131
0
votes
1
answer
506
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,551
1
vote
1
answer
6k
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,551
1
vote
1
answer
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 ...
- 6,401
3
votes
1
answer
2k
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 ...
- 6,401
0
votes
1
answer
1k
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 ...
- 33
0
votes
2
answers
630
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 ...
- 161
0
votes
1
answer
3k
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"> ...
- 8,797
0
votes
1
answer
551
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 ...
- 8,797
0
votes
0
answers
2k
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 ...
- 315
0
votes
0
answers
51
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 ...
- 101
1
vote
1
answer
1k
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 ...
- 2,727
1
vote
2
answers
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 ...
- 11
1
vote
2
answers
30k
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 ...
- 95
4
votes
1
answer
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"...
- 657
2
votes
3
answers
18k
views
Change style of pageblock header standard style
I want to change some style attributes of pageblock header, like padding-bottom or hight.
- 657