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.

Filter by
Sorted by
Tagged with
0
votes
1answer
6 views

force:inputField lookup field with create new record option

I am using force:inputField to get account lookup field with + New Account button with reference of https://www.infallibletechie.com/2018/03/lookup-field-with-option-to-create-new.html But the lookup ...
0
votes
1answer
25 views

Create a reverse of the CSS class [closed]

i have a CSS styling class can anyone help me out to create the reverse of this . Below is the code: .w3-animate-right{ position:relative; animation:animateright 0.4s}@keyframes animateright{...
0
votes
0answers
53 views

How to make the search bar appear like a fluid from the search button [closed]

<template> <div id="waiting" if:false={ready}>Loading…</div> <div id="display" if:true={ready}> <div>Name: {name}</div> &...
3
votes
1answer
30 views

CSS class not getting added to the LWC

I Have created an LWC component with following files .HTML file ... <lightning-datatable key-field="id" data={data} columns={columnsInProgress} is-loading={tableLoadingState} ...
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 ...
2
votes
1answer
49 views

No MODULE named markup when importing CSS from a LWC

This is related to my other thread here. So once I removed the HTML and JS files leaving just the CSS and XML files my consumerComponent is consuming the CSS from myComponent alright. I can see that ...
0
votes
1answer
40 views

Trouble importing CSS from one LWC into another

I made a LWC to hold common CSS I want to import across different LWCs that I am working on. Based on these release notes I created a component called myComponent and tried to import it in the CSS ...
0
votes
0answers
18 views

Lightning map Marker CSS

Good Morning. A few days ago, the Lightning Map Marker CSS stopped working. As shown in the image below, the return is in "String" format instead of "Tag". Was there an update to ...
0
votes
0answers
15 views

Problem with custom font in Visualforce Page

I am trying to apply a custom font to my visualforce page. I followed the steps laid out in Use Custom Fonts . I have no idea what's wrong. Here's my css definition: @font-face { font-family: ...
0
votes
0answers
8 views

Apply CSS code to one page variation only in community

I have created a new article record type and as I want to exclude the system default fields from the community page I wanted to edit the CSS code for one page variation only and assign that page based ...
0
votes
1answer
44 views

Share CSS Styles Among Lightning Web Components (Nested CSS) - not working

I'm trying to create a consistent look and feel for Lightning web components by using a common CSS module. For this, I have followed the solutions given in the summer 20 release notes and the LWC ...
1
vote
1answer
32 views

Where to find the CSS styles behind a Salesforce CSS class?

Background The Lightning Design System shows the CSS classes you can use for a finite number of scenarios. The problem I don't like this. I prefer being able to understand what is actually being ...
0
votes
1answer
37 views

error when trying to remove css class from classList in js LWC

I'm trying to implement slds tabs and in order to switch between tabs, I need to change the css classes. However, when I try to add or remove classes from the classList, it gives below error in ...
0
votes
2answers
56 views

LWC - change background color of selected item in a list

I need to show list of cases retreived. Once the list is visible, there are two things i need to do with css that i am struggling with - When mouse is hovered over a list item, it's border should ...
0
votes
1answer
38 views

Set Padding on Minimum Width [Aura]

I'd like to add SLDS padding for a minimum width value of an input field. Have the padding set in my code, I just need it to only display when the width of the screen is larger than 760px .cmp <...
0
votes
0answers
12 views

I want to change color of tablesorter vector icon in header. Its grey I want to change it to white

I am using the following css and js --- $(document).ready(function(){ $("table").tablesorter({ theme : 'jui', headerTemplate : '{content} {icon}', ...
0
votes
0answers
26 views

Converting html code to lightning component doesnt give same output

I am trying a popup and have got it something like this: https://www.w3schools.com/code/tryit.asp?filename=GGWMU0XY0R43 and I am now trying the exact functionality using lightning component. But when ...
0
votes
1answer
32 views

Changing the UI and text display of lightning-input type=“file”

I want to change the UI of lightning-input type=" file". Current UI Look something like this: But, I want the UI to be something like this: Is it possible to change the styling and apply ...
0
votes
1answer
30 views

How to select a element using querySelector that has dynamic name?

I have a lightning-button-icon with dynamic name and i want to update its selected attribute based on the name. Can someone tell me how can i do that? my code (UPDATED): <lightning-layout-item size=...
1
vote
0answers
36 views

CSS doesn't get applied on lightning-datatable cell in LWC using cellAttributes

I have created a LWC which lists data into a component using lightning datatable. The data gets displayed correctly Further, I am trying to format one particular column to display the values with bold ...
1
vote
1answer
30 views

Dynamically set css class based on record data lwc

I want to set the css class based on the record data for the specific card and not the same class for all the cards so I'm not able to make use of getter here, as there's no way I can pass record data ...
0
votes
0answers
23 views

writing css in apex class

I have an issue which I need to send email from Apex, the email can be received in Gmail or Outlook emails. I need to style the context and I'm using inline CSS in my HTML tags. The issue is that ...
1
vote
1answer
92 views

What is the CSS class of this text? (picture attached)

In Lightning, in the Opportunity related list of an Account, this is what I see: I am creating my own component and I want to style my reference to an Opportunity (the blue text) just like it is done ...
0
votes
1answer
14 views

Usage of CSS in Lightning Component

I am just trying to make the following html code as a lightning component, but not getting the output as it is. I tried to keep html part(the div and span elements) in lightning component, javascript ...
1
vote
1answer
25 views

Wrapping column text in an apex panel grid so that the table width remains fixed

<apex:panelGrid columns="4" width="100%" columnClasses="random" > <apex:repeat value="{!ProcessCellValuesWithoutName}" var="strCellValue"> ...
0
votes
0answers
16 views

How to add style to standard tab of any salesforce object in lightning experience?

I want to change the standard object tab CSS. Is it possible? For example, when I go to Account object standard tab I see a list of records, now I want to change the font size or the color of the rows ...
0
votes
0answers
28 views

How to Hide Default Row Number Column in Lightning Data Table

I'm showing API Data using Lightning Data Table. There is no Row number in API Data & I Made Show Row Number = True to display Row number. But I'm getting multiple ROW numbers. I tried to hide ...
0
votes
1answer
97 views

Get computed style in Jest Test

I have the following code. Html template <template> <tr class="table__row" aria-hidden={isHidden} data-test-class="table-row"> <td>Cell</td> ...
0
votes
0answers
29 views

LWC styling for iOS - lightning input is going off the screen

I've experienced a strange problem on Salesforce app for iOS. I have LWC component with searchbox. It's a standard lightning-input and search result list as an ul element with li as options. On ...
4
votes
1answer
78 views

LWC Share CSS Style Rules doesn't work

I'm trying to create a share css style rule for my lwc components following the doc and it doesn't work I created a LWC component like this myStyle --myStyle.css --myStyle.js-meta.xml myStyle....
1
vote
1answer
26 views

after summer 20 lightning data table top borders are missing

in summer20 they added cell/column border for lightning datatable, after column border added it looks awkward. in Summer20 SB before summer20 SB is there anyway to add top border?
0
votes
0answers
17 views

Hide the X axis text on an analytics:reportChart for a VF page

I need to hide the X-axis for one of my report charts that I have embedded in a VF page. I have seen other solutions that work in classic like switching the x-axis off in the report settings but I don'...
1
vote
1answer
48 views

Process Indicator LWC rendering problem

Simple, yet unable to figure out why. I'm trying to highlight the clicked step by user.Something like this No matter the step is complete or not just I need to set the slds to active. But due to @...
1
vote
1answer
38 views

How to fit the lightning-map component within specific dimensions?

I have a lightning-map component that I need to fit within the div element. But it looks like the default width specified in the slds-map css is 23.75rem which is causing the map to flow outside. Can ...
0
votes
1answer
29 views

Column is shifted to right in case of odd number of tables

I have 2 tables to be rendered in my email based on conditions and loops. In case of even number of tables, everything is properly fine. However, in case of odd number of tables, the 1st table in the ...
0
votes
1answer
22 views

How to remove the padding around a Salesforce Lightning Community page?

When you editing the community page from SFDC, even though you configure the page width to be max, any of the content section () will have padding from top, right, bottom and left which is 12px. Is ...
0
votes
0answers
25 views

How to override styles on a Lightning component in Lightning App Builder page?

I have created an App Page which has a single component ("Filtered Tiles by Salesforce Labs"). The problem I am having with this component is the styling is not quite right: The component ...
0
votes
1answer
46 views

Lightning Accordion Section Title Bold [duplicate]

Hello Lightning Experts, My requirement is to bold the titles so I used slds-page-header__title slds-truncate in my lightning:accordionSection tag but the sub-headers is also getting bold. What do I ...
1
vote
0answers
52 views

How to make font-awesome icons work on Lightning Web Components?

Downloaded the latest version of the Font Awesome Icons as a .zip file, I extract the files and uploaded the file all.css as a static resource in my scratch org. Below is my html <i class="fab fa-...
3
votes
1answer
81 views

Lightning Web Component Design Tokens? CSS in experience builder. Can't figure this one out

I'll start with a TL;DR Need to pass a value from Experience Builder into CSS. E.g. if someone chooses black on the property type of Color, the value well be passed to a custom CSS class. I have tried ...
1
vote
1answer
45 views

Can I change styling on Salesforce standard LWCs?

There I times when I want to change the styling of standard Lightning Web Components, such as lightning-button (to change the button colour), lightning-accordion-section (to change the section title ...
1
vote
1answer
44 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={...
0
votes
1answer
58 views

How to include and use an external CDN in Lightning Web Components? [duplicate]

I'm trying to use an external javascript library in my lightning web component, this include two external CDNs one css and one js. How can I load them in my component?
1
vote
0answers
33 views

Add 2 differents visualforce page to one pDF

I have 2 VF pages : - one that display a quote, with repeatable header and repeatable footer (if there is 2 or more pages the header and footer will be displayed on each pages) - one that I want to ...
3
votes
1answer
86 views

Tooltips in LWC for template iterator are hidden by z-index

I have a tooltip slds div which is displayed when hovered over Task bar (task three in this case) Its just that the even after setting z index (100000) on the popover component (from slds), it hides ...
1
vote
1answer
40 views

Not able to read boolean checked from the input type=“checkbox”

I am using a custom styled checkbox like this, this is important for my UI, however I am not able to read the checked boolean from this, (when I explicitly assign checked=true/false,it defaults ...
0
votes
0answers
19 views

Get Drop down and Enter input freely in a single line - Lightning component

I have an input dropdown in a table shown below. Please check below code I used for this input dropdown. <td role="gridcell"> <div> <select class="selectEle" id="{!'...
2
votes
0answers
33 views

Need to use icon in css (dynamic) [closed]

I am trying to use this checkbox button structure in my component HTML <div class="container"> <ul class="ks-cboxtags"> <li><input type="checkbox" id="checkboxOne" value="...
1
vote
2answers
83 views

FontAwesome CSS - not able to use in lightning component

I am trying to use some FontAwesome icons like this: .THIS ul.ks-cboxtags li label::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; ...
0
votes
0answers
20 views

input checkbox : Not able to call controller function

I have below component, however I am not getting console logs from the method, I need to get the value of the checkbox getting called. <ul class="ks-cboxtags"> ...

1
2 3 4 5
16