Questions tagged [css]
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.
304
questions with no upvoted or accepted answers
8
votes
0
answers
2k
views
Display hover using LookupHoverDetail along with scrollable outputpanel
I'm trying to create a pageblocktable that uses lookuphoverdetails to display the mini page details for Accounts on a custom object.
The problem that I'm experiencing is that the pageblocktable is ...
- 91
6
votes
0
answers
1k
views
Recaptcha in Salesforce Lightning component
My requirement was to create a custom lightning component, which will be hosted in a community and will allow users to create cases. Before submitting the case, users have to successfully pass 'I am ...
- 337
5
votes
0
answers
2k
views
LWC With iframe Height
I am trying to have an iframe inside a LWC fill the entire height of what's available, but can't seem to get it to work. According to the documentation, I think I should be able to apply class="slds-...
- 25.1k
5
votes
0
answers
922
views
Modal being rendered in wrong position on lightning web component's mobile page
What I want
I'm trying to show a modal to warn the user when the service he is trying to reach is offline. This salesforce page is accessed by Salesforce1 through a tablet.
How I did
I've created a ...
- 193
5
votes
1
answer
12k
views
Print AMPscript Variable inside HTML <tag> as attributes
So I am using ExactTarget templates and content areas to build my emails. In my templates I have AMPscript variables defined in the < head > and that will determine how elements in my content areas ...
- 313
4
votes
0
answers
2k
views
[LWC][CSS]slds-backdrop is not covering full device height behind slds-modal in Salesforce mobile app
We are using slds-modal in our LWC, which is working fine in desktops and large devices. Means behind the modal we are showing the slds-backdrop screen and it covers everything behind the modal box to ...
4
votes
1
answer
2k
views
Styling an Embedded LWC on Flow screen
Is it possible to match the width of the standard screen elements that flow provides out of the box (like "Date" & "Type")? My custom LWC (Products) seems to be taking up 100% of the real estate ...
- 217
4
votes
0
answers
627
views
Pseudo elements styling in lightning component
I have a html table defined in my lightning component.
I want to change the CSS for the pseudo elements --> ::Before and ::after.
Similar to this screenshot,
I would like to add the below line ...
- 618
4
votes
0
answers
608
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 ...
- 426
3
votes
0
answers
265
views
How to inherit css from parent within the child using light dom?
I have a child component that is used to recursively iterate through a tree. The parent component has css that is using the shadow dom and the child component is set to use the light dom.
While ...
- 347
3
votes
0
answers
1k
views
Media Queries in LWC Not Loading
I have a bunch of LWCs that are styled with a CSS grid. It seems like the media queries have stopped loading. I am not sure how long this may be been the case. Just recently had a BA test something ...
- 1,453
3
votes
1
answer
488
views
Why is the behavior of a LWC's SLDS styling inconsistent between a scratch org and a non-scratch org?
I have the same Lightning Web Component in a scratch org (developer edition) and a non-scratch org (enterprise edition). The density setting of each org is the same: Comfy. That's also the density ...
- 1,215
3
votes
1
answer
2k
views
Inconsistent Scrolling Behaviour in Lightning Quick Actions
I have a lightning component I want to embed in a quick action. The component has content which might vary in size, which means I cannot predict what height my quick action needs.
As a simple example,...
- 2,649
3
votes
1
answer
1k
views
Error when loading custom font in Community - 500 (Internal Server Error)
I've set up the fonts to load exactly as specified in https://developer.salesforce.com/docs/atlas.en-us.communities_dev.meta/communities_dev/communities_dev_customize_font.htm and they work most of ...
3
votes
1
answer
304
views
Different community paths in different environments
I have different URL's in my sandbox and in my production environment. It is causing problems with my static resources in the css files. In my sandbox the community url is https://mydomain.com/...
- 543
3
votes
0
answers
1k
views
100% screen width not working properly in Salesforce1 on iPhone
I'm working on an app for Salesforce1. S1 has a menu on the left and a news feed on the right, both hidden until revealed by swiping the screen to the left or right.
My body width is set to 100%, ...
- 2,671
3
votes
1
answer
1k
views
Multiple column layouts in renderAsPDF vf page
I need to generate a pdf vf page with multiple column layouts. I read there is something in the css 3 specification: http://www.w3.org/TR/css3-multicol/
But when I tried:
div.wrapper{
columns: 2;
...
- 31
2
votes
2
answers
2k
views
How to style child component from parent component css?
I have two components that have a parent and child relationship. I am trying to apply css from the parent component's css file to the child component without having to write it in multiple places.
...
- 347
2
votes
1
answer
629
views
How to change disabled button text and background color using styling hooks?
I need to apply a background color to a disabled button, but the following did not work and no error is shown in the browser's console.
Question
Using styling hooks (mentioned here), how can I change ...
- 347
2
votes
0
answers
631
views
How can I give a disabled `lightning-input` a background color?
I have successfully given enabled lightning-input fields in my app background colors using --slds-c-input-color-background, but this seems to be ignored (removed) from the final page rendering. How ...
- 1,017
2
votes
0
answers
822
views
How can I force an SLDS modal to open within user's view in a very long LWC in the context of a mobile device
This question has already been asked here, but there are no answers at all. I tried this, but no luck. Can someone please assist?
The Issue
I have a custom LWC that implements a traditional SLDS based ...
- 3,458
2
votes
0
answers
727
views
Can I bold the last three lines of "lightning-datatable" in a LWC?
//html
<div class="last-row-bold">
<lightning-datatable
class="slds-table_striped"
key-field="Id"
data={dataForDisplay}
...
- 371
2
votes
0
answers
558
views
Lightning Datatable does not properly resize when inside grid (flexbox)
Normally the width of a <lightning-datatable> changes dynamically as you change the width of the browser.
However, When I put a <lightning-datatable> inside a grid (<div class="...
- 691
2
votes
0
answers
896
views
Get lightning datatable to stretch vertically to full height of parent container while retaining sticky header
I have a tab in salesforce where I have a header and a <lightning-datatable> below the header. Conveniently the datatable has an overflow-y built into it so that if you limit the height of the ...
- 691
2
votes
0
answers
256
views
How to make lightning-layout-item grow horizontally or vertically or both?
I'm trying to create a flexible layout using lightning-layout and lightning-layout-item base components in LWC. The screenshot of the basic idea is given below. Appreciate inputs on how can we achieve ...
- 675
2
votes
1
answer
2k
views
Make lightning-button-menu work with overflow:hidden
Is there a way to prevent that the below lightning-button-menu is hidden by the wrapping div which has an overflow : hidden?
buttonMenu.html
<template>
<div class="slds-p-...
2
votes
2
answers
1k
views
LWC Issue Using CSS in Apex-generated HTML String
I am generating an HTML string for a table using Apex then passing that into a lightning web component using the @wire decorator. In my HTML file, I am using:
<lightning-formatted-rich-text value={...
- 21
2
votes
0
answers
683
views
Show Popover on Scroll-able Div
I have a custom component which display list of result and a popover like below -
When i make the div scroll-able, it looks like below, (Reason for scroll - List of result is too long) -
Popover ...
- 528
2
votes
0
answers
291
views
Issues rendering background image in a visual force page into a word document
I'm having a couple of issues rendering a visual force page into a word document. The output I'm getting is in the image below. And what I'm trying to achieve is to have the table on the second page ...
- 21
2
votes
1
answer
819
views
Unable to upload the LDS 2.10.0 as static resource
As we know that static resource has a limit of 5MB, I am trying to upload the LDS winter 20 as static resource, but its size is more than 5 MB
https://lightningdesignsystem.com/downloads/
In this ...
- 177
2
votes
0
answers
224
views
Visualforce page embeded in page layout is not coming with 100% width in lighting compact density
I have a visualforce page embeded in pagelayout and page is showing the 100% width for comfy but for compact it is not showing 100% width. Can any one tell me how to fix this issue?
2
votes
0
answers
410
views
Lightning Component Quick Action Styling - remove gray background
When we create a custom Lightning Component Action on the Case object, which uses the force:lightningQuickActionWithoutHeader interface, the background of the component is gray.
When we apply the ...
- 5,242
2
votes
1
answer
779
views
Content Overflow with <lightning:checkboxGroup>
I want my lightning:checkboxGroup to overflow into two columns in my fixed width and height box. I believe the best way to do this is to edit the css but I am not sure if this is possible with the ...
- 3,471
2
votes
0
answers
623
views
How can I override standard modal css in lightning:overlayLib modal instantiation?
I am running into an issue where part of my component within the modal generated by lightning:overlayLib requires the user to scroll. I want the div that appears to display over the top of the footer ...
2
votes
0
answers
786
views
printing a div of lightning component
well currently we have a requirement to print some part of component to be print
we have taken that printable data in a div now when we trying to print that
till before this we had gone through ...
2
votes
0
answers
455
views
CSS conflict with :after and .truncate
I have a Lightning component where I'm setting up a custom object record that is linked to a Contact, as well as the option to relate it to opportunities and cases. As the user selects the Contact, ...
- 3,652
2
votes
0
answers
1k
views
How to fix Docked Utility Bar at bottom of mobile screen?
We have created a Lightning APP and added Docked Utility Bar. The problem is it not fixed at the bottom of the screen. User need to scroll down to see the buttons. We tried to manipulable the CSS and ...
- 9,120
2
votes
1
answer
937
views
Lightning component in visualforce, How to get background colours visible in print preview and printed page?
I am having an issue with trying to create a printable version of a page I have created, where I try to print the page but the background colour disappears. I have tried adding -webkit-print-color-...
2
votes
0
answers
150
views
Unwanted padding bottom in app.css inside Lightning Experience overriding SLDS styling
And now, there's yet another new issue even in Lightning Experience[Desktop].
Here's the screenshot of the same:-
The above screenshot shows an unwanted padding-bottom of 2.5rem in a class named ...
- 2,283
2
votes
0
answers
2k
views
How to center Lightning modal popup in SF1
I have an application where there is a list of items from a table, each of which has a series of actions represented as links. These actions open a modal to display additional content. In SF1, the ...
- 317
2
votes
0
answers
831
views
Importing CSS & JS into portfolio and referencing them
I need to build email templates and have already been provided with the source code. I have encountered 2 issues:
When I try to reference the CSS I have uploaded in the portfolio, SFMC doesnt seem to ...
- 6,613
2
votes
0
answers
888
views
Is there a bug with the lightning data table?
I'm building a data table and everything is working well, but for whatever reason, the row border is skipped every few rows. Here's a snippet of the code and picture of the table. Anyone know what's ...
- 137
2
votes
0
answers
814
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 ...
- 593
2
votes
0
answers
274
views
Make 2nd page blank when render as PDF
I have varying content tables in my visual force page. There will be only one table in first page. But when it overflows, it should extend to 3rd page instead of 2nd page.
I am also having a running ...
- 121
2
votes
2
answers
5k
views
Styling a Command Link as Command Button
I'm trying to style a command link as a command button and I have the code for this,
<apex:commandlink value="Add new Contact" action="{!editNewCont}" styleclass="btn MyBtn">
and my CSS goes ...
- 505
2
votes
1
answer
309
views
PageBlock Table Column Value Trimming
I have used the below code to show a list view. How can I apply text trimming (ellipse) for the description column to avoid multiple?
<apex:listViews type="contact"/ >
Is there any CSS style ...
- 33
2
votes
1
answer
78
views
Shifting an image down
I have a search bar along with a search and clear button. What I would like is for the clear button to be centered with the search button. I have tried using padding-top on the image as well as it's ...
- 1,235
2
votes
2
answers
676
views
Handling styling CSS in renderAs PDF with Escape option
I'm using escape attribute to have my exact design to be printed on PDF. BUt, i can't able apply styling for this output text:
<apex:outputText value="{!tic}" escape="false" styleClass="h2" >
&...
- 756
2
votes
0
answers
795
views
Get print of visualforce page containing different charts
I am creating a dynamic dashboard using Vf Charts. I am having about 18 different charts on a single visual force page.
I have added a print button on the visualforce page to print all the charts on ...
- 887
2
votes
0
answers
2k
views
CSS not displaying border when rendered as PDF in 2nd page
I have created a visualforce page rendered as PDF.But in PDF the first page is showing with lot of whitespace on the top and in the remaining pages the border on the top is not displaying . i think -...
- 21