Skip to main content

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.

299 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
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 ...
Jason Cooke's user avatar
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 ...
Hareesh Mohan's user avatar
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-...
Daniel Hoechst's user avatar
5 votes
0 answers
905 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 ...
Igor Santana's user avatar
5 votes
1 answer
11k 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 ...
DigitalMC's user avatar
  • 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 ...
Rohit Bhamdare's user avatar
4 votes
1 answer
1k 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 ...
Jay's user avatar
  • 207
4 votes
0 answers
618 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 ...
AjaySFDC's user avatar
  • 618
4 votes
0 answers
590 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 ...
Matthew Green's user avatar
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 ...
Brooks Johnson's user avatar
3 votes
1 answer
476 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 ...
Gabriel Rivera's user avatar
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,...
James's user avatar
  • 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 ...
Thomas Sesselmann's user avatar
3 votes
1 answer
288 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/...
Ant12345's user avatar
  • 543
3 votes
0 answers
999 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%, ...
Daft's user avatar
  • 2,661
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; ...
user5283's user avatar
2 votes
0 answers
166 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 ...
usernameabc's user avatar
2 votes
2 answers
1k 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. ...
usernameabc's user avatar
2 votes
1 answer
507 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 ...
usernameabc's user avatar
2 votes
0 answers
538 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 ...
Chuck's user avatar
  • 967
2 votes
0 answers
784 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 ...
Lightning Evangelist's user avatar
2 votes
1 answer
917 views

Remove box-shadow on Active Cell in datatable

I've been pouring over slds styling hook docs and datatable docs and I cannot figure out how to remove this box shadow when the cell has focus. I know for sure it's box shadow because when I uncheck ...
chinnc's user avatar
  • 21
2 votes
0 answers
709 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} ...
unique user's user avatar
2 votes
0 answers
516 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="...
jbyrd's user avatar
  • 641
2 votes
0 answers
820 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 ...
jbyrd's user avatar
  • 641
2 votes
0 answers
242 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 ...
Akshay Poddar's user avatar
2 votes
1 answer
1k 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-...
Mario González Duarte's user avatar
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={...
Max's user avatar
  • 21
2 votes
0 answers
653 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 ...
Nirmallya Ghosh's user avatar
2 votes
0 answers
271 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 ...
nick gerard's user avatar
2 votes
1 answer
805 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 ...
Quddus's user avatar
  • 177
2 votes
0 answers
216 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?
Muhammad Sheheryar Afsar's user avatar
2 votes
0 answers
409 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 ...
Brian Miller's user avatar
  • 5,222
2 votes
1 answer
755 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 ...
Olivia's user avatar
  • 3,471
2 votes
0 answers
613 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 ...
Drew Peterson's user avatar
2 votes
0 answers
779 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 ...
sunil chandel's user avatar
2 votes
0 answers
450 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, ...
PatMcClellan__c's user avatar
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 ...
AtulRajguru9's user avatar
  • 9,120
2 votes
1 answer
911 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-...
Jonathon Chambers's user avatar
2 votes
0 answers
143 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 ...
SE_User's user avatar
  • 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 ...
Angelo's user avatar
  • 317
2 votes
0 answers
822 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 ...
0xsegfault's user avatar
  • 6,603
2 votes
0 answers
880 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 ...
user3562811's user avatar
2 votes
0 answers
801 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 ...
mascot's user avatar
  • 583
2 votes
0 answers
272 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 ...
Jithin B's user avatar
  • 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 ...
JJSHHS's user avatar
  • 505
2 votes
1 answer
305 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 ...
Learner SFDC's user avatar
2 votes
1 answer
71 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 ...
Louis Pujol's user avatar
  • 1,235
2 votes
2 answers
661 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" > &...
Rv1's user avatar
  • 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 ...
Swapnil Kale's user avatar

1
2 3 4 5 6