Skip to main content
New
Stack Overflow Jobs powered by Indeed: A job site that puts thousands of tech jobs at your fingertips (U.S. only). Search jobs

Questions tagged [style]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
0 answers
27 views

After Applied Custom Colors to a ShowToastEvent in LWC in console log changing the color, how can change in LWC JS or CSS style how can we apply

This is the code what i have tried. .slds-theme_success, .slds-theme--success { --slds-toast-color-background :rgb(29, 95, 216); } if (result.messageInSubscribe === 'Data Found in Both Master and ...
subba reddy's user avatar
0 votes
1 answer
147 views

Lightning Datatable Column headers are overflowing when browser window size changing by the user

I have an Aura component showing a Lightning Datatable with some columns. I'm using Word wrap to fit/read the table contents within the table. But the issue is whenever user is increasing the browser ...
Damodar Singh's user avatar
0 votes
1 answer
105 views

How to override the @media css property into the experince cloud site?

I am using the citizen theme in the experience cloud site. I am trying to change the menu text color but am not able to do that using the configuration. So I am trying to add custom CSS to override ...
Tushar Jadav's user avatar
  • 1,845
1 vote
3 answers
830 views

Visualforce PDF styles not applying

All of a sudden our styles on Visualforce pages are not applying. This is not happening in every org and only seems to be in the CS instances. I was viewing these vf pages today and did not have these ...
Zack Walton's user avatar
  • 1,606
0 votes
0 answers
100 views

LWC - Css styling has problem with :not(:first-child)/:not(:first-type) and ::before

I'm building a Salesforce look alike path. Because the way data display and looping in the component so I cannot use Path from lightning design system. HTML code: <template> <div class=&...
Pam's user avatar
  • 107
-1 votes
1 answer
112 views

Unable to view complete case number - How to remove salesforce console standard tabs Bold Header

In Console App, when I open Account and then open any case inside it, the active case tab is Bold and the case number is truncated. I wonder it happened with recent release of salesforce couple of ...
Sharath Jallu's user avatar
0 votes
0 answers
265 views

Change color Action in Highlight Panel

I have created an action on a custom object and added it to the Highlights Panel for its record page. Is there a way to change the color of the Action button itself? In an LWC I've been able to do ...
mackmama's user avatar
  • 707
1 vote
1 answer
521 views

Cloning the task list view datatable in custom LWC (Status value and clickable button in same column)

I'm trying to create a Lightning datatable in Salesforce that displays a status value and a clickable button icon in the same column similar to the task recent view table. The button should be ...
Akshay Gupta's user avatar
0 votes
2 answers
2k views

Background color of lightning Button

Hello everybody I want to style the background color of a lightning button with a color so I went to check the Salesforce documentation and found out this: So I did something like that: ....
user avatar
1 vote
1 answer
233 views

Lightning Web Component (LWC), Can I include both in identifier reference and hard-coded value in class attribute?

I can put an identifier in the class attribute of an element in a Lightning Web Component; double-quotes are omitted. <th scope="col" class={flexipageRegionWidth}> Or I can put a hard-...
Ken's user avatar
  • 392
0 votes
1 answer
592 views

Is there a way to change the color of the button in LightningAlert?

LightningAlert lwc doc reference LightningAlert.open({ message: 'message', theme: 'default', label: 'Atención:', }); If I am invoking this Alert on my js, ...
Alexander Aeons Torn's user avatar
0 votes
0 answers
164 views

slds-input css doesn't work

Hello guys I have a doubt related with Lighning-input style. I'm trying to align the value inside the textbox to the right but it seems that my css is ignored by Salesforce. I have the following HTML: ...
Gonçalo Lemos's user avatar
0 votes
1 answer
193 views

How to overwrite LWC template CSS

I have a LWC component with a table and want to make each row formatted as currency. I know with HTML we can use the format-style="currency" but I think the template is overwriting this ...
Olivia's user avatar
  • 3,461
-1 votes
2 answers
2k views

Apply css class based on specific condition in Lightning component along with standard Lightning Design System

I'm trying to implement a css property from the style class of the Aura component based on the value of Aura attribute along with certain other slds class as well, which will be static. Below are the ...
Vasu Gupta's user avatar
2 votes
1 answer
773 views

Render as PDF page orientation

I'm trying to have both portrait (page one) and landscape (page two) in a visualforce page which is 'render as PDF'. I have tried various options but cannot get it to work, I can only get all ...
jameshoyles's user avatar
0 votes
1 answer
27 views

use dynamique CSS style

I have a question I have in my HTML code three different : <div> </div> -the first contains an image -the second calls for a template that contains two or more fields -the third contains ...
New Salesforce Developer's user avatar
0 votes
1 answer
4k views

How to add fields side-by-side in LWC (CSS)

I have an HTML code where I want the place the fields side-by-side. Whereas, now it is getting stacked horizontally. <lightning-card key={Treatment}> <p key={Treatment}><b class=&...
Rahul Allada's user avatar
2 votes
2 answers
2k views

how to style tab icons differently in lwc

I have below requirement to style individual tab icons with different colors from one another in lwc using base lightning-tabset component. <template> <lightning-tabset class="...
Vikas Chandra's user avatar
0 votes
1 answer
4k views

Can we change background color of a disabled button in lightning web components

Example: I understand we can achieve by using slds button base component but any other way directly to achieve through lwc. <lightning-button label="Neutral" title="My Title" ...
Vikas Chandra's user avatar
0 votes
2 answers
202 views

Nothing will Wrap in PageBlockTable

I have looked up documentation which suggests this should be easy, yet nothing works - why do none of the style elements below get the column header to wrap? It does not wrap in classic or lightning, ...
number41's user avatar
  • 958
2 votes
0 answers
804 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
0 votes
0 answers
399 views

Editable cell in datatable LWC

I am trying to create datatable with cells that will be editable only if a condition was true. I was looking for a solution with the CellAtributtes. cellAttributes: { class: {fieldName : "disable&...
Juan Pedro's user avatar
1 vote
1 answer
323 views

Center lightning:fileCard with css

I am trying to center this component within a column with css. this is my code <div class="slds-col slds-size_1-of-1 slds-large-size_4-of-12 slds-m-bottom_large"> <...
Felipe Peña's user avatar
0 votes
4 answers
3k views

Styling Button in AURA COMPONENTS

How can I apply CSS Styles to an Aura button? Here is the code: HTML: <lightning:button class="other-devices-button" label="Close" title="Close action" onclick="{!...
CPS's user avatar
  • 345
0 votes
2 answers
2k views

Conditional Styling of Map Results in Salesforce LWC Table

I am trying to change the font color of a custom field values displayed in a table. This is based on a condition wherein if this custom field's value is less than a specific amount, it will display ...
Ertyq's user avatar
  • 331
1 vote
1 answer
67 views

BEN notation replacing "--" with "_" affecting Lightning Design Tokens also?

In Spring 21 BEM notations with "--" are being deprecated and should be replaced with "_" (eg "slds-m-right--xx-small" will become "slds-m-right_xx-small"), ...
Colin Steel's user avatar
0 votes
1 answer
2k views

How to override css style in comunities with !important;?

I have a compact header on my community that must have white background and black text but when I hover on my navigation menu items the hover convertex text to white and the menu item convert color to ...
tg etchegaray's user avatar
3 votes
2 answers
2k views

Style input elements (width) inside Flow

Is it possible to somehow style elements inside the screen flow? I have 4 elements, the first 2 are flow standard Text elements. The third one is the standard lookup field and the last one is my ...
Michal_LFC's user avatar
0 votes
1 answer
3k views

Add text colour to fieldName for Aura <lightning:outputField/>

I have created an aura component and I would like to change the fieldName to the colour red. Basically, I want the fieldName "Tip To Smarties" written in Red. How can I do that, Thanks <...
Hermann Ouré's user avatar
1 vote
1 answer
2k views

Rich Text Area field - inline style with !important

Is there a way to override Rich Text Area field font-family with apex code? My first attempt was with !important key-word in inline style for tag, but the style was erased. Steps to reproduce: SELECT ...
Mariia Illarionova's user avatar
1 vote
2 answers
10k views

Formatting SLDS Modal footer CSS issue in Lwc

I have used the SLDS Modal and added Lightning Record Edit form inside the modal in lwc. The Lightning record edit form with modal it is not in the proper footer. I need to CSS style on it. Current ...
user avatar
0 votes
1 answer
838 views

Placing ol(Ordered List) in a div is not displaying expected output

I am working on the following aura component: <aura:component> <aura:attribute name="stages" type="List" default="['Step1', 'Step2', 'Step3', 'Step4']"/> ...
Suhasini's user avatar
  • 307
0 votes
2 answers
892 views

Conditional display of style

I was trying to display style conditionally based on an attribute. In the below example I am trying to display first 2 elements in the list in blue color and the other 2 elements in green color. When ...
Suhasini's user avatar
  • 307
0 votes
1 answer
243 views

how to set component attribute value in static resource css

problem : I have to set values of css dynamically . I upload css file in static resource css is like : p { font-size : {v.font_size} } component : <aura:attribute name="font_size&...
Be Technical's user avatar
1 vote
1 answer
908 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 ...
Brandon's user avatar
  • 35
2 votes
0 answers
175 views

How to disable generic @page rule in VF page rendered as PDF?

I have following two requirements: (1) Several single Visualforce pages rendered as PDF with a running header/footer as well as each VF page having a different “padding-top” value of it’s content, i.e....
Marvel's user avatar
  • 21
1 vote
0 answers
627 views

How to use a JS property in a CSS style?

While making a Lightning Web Component, I am trying to use a JS property in an inline CSS style, but it's more complicated than I thought. My property looks like this: get yesVisColorLabel() { ...
Sander de Jong's user avatar
0 votes
1 answer
3k views

Salesforce lightning web component use custom theme or color for all lwc component

I'm struggling on how to set and use a custom global theme for Salesforce lightning web component. I know how to use the css and set or overite classes, but I don't want to do that on all my ...
Steve's user avatar
  • 11
-2 votes
1 answer
999 views

How can i create custom colored breadcrumb in LWC? [closed]

I want colored breadcrumb something like this. Please help me with designing the shape of each column (arrows shaped).
Akshay_SFDC's user avatar
7 votes
2 answers
14k views

How can i use var() in css in LWC?

This is what I'am trying to do: HTML: <li class="navBar2" style="--lwc-beforeColor: #0ec2df"></li> .css .navBar2{ height:29px; background-color: var(--lwc-beforeColor); } But ...
Akshay_SFDC's user avatar
0 votes
1 answer
435 views

Modal content not displaying correctly

I am creating a lightning component that pops up from a button on Opportunity. In this lightning component I am using multiple recordEditForm tags that are just outside tab tags. When setting the ...
JackDower's user avatar
0 votes
0 answers
215 views

How to add breaks in apex:datatable

I have an apex:datatable that lists opportunityLineItems. I want to render the columns based on the value of the lineitem field Product_Type__c and then add a break in between each group. I am able ...
Heather's user avatar
  • 41
1 vote
1 answer
1k 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 ...
Khan's user avatar
  • 13
1 vote
2 answers
1k views

Line spacing not applying when using <li> tag

This is for Salesforce CPQ Template Content. I have a spacing issue when using the li tag. If the item is too long and is forced onto more than one line, it doesn't take into account the style="margin-...
Jeff's user avatar
  • 191
3 votes
2 answers
4k views

Lightning Path Style Issue in Lightnign Web Component

I am trying to create a lightning path in LWC, for which I used two components with SLDS Path. But the view is not as expected to Chevron. Parent Component: customPathLwc <template> <...
Rahul Gawale's user avatar
  • 12.2k
2 votes
1 answer
4k views

force:lightningQuickAction remove scrollbar

Is there a way to remove the vertical scrollbar from my aura component which implements force:lightningQuickAction? I would like to keep the upper section fixed and make only the lower content ...
q-jack's user avatar
  • 192
0 votes
2 answers
2k views

Flow builder - Style

I am currently working on a flow and I would like to make some style changes. The tool is pretty cool but seems very hard to customize. Is it possible to customize the style of a flow? if yes How ? ...
Raphael D's user avatar
  • 616
0 votes
1 answer
2k views

Apex:inputfile style

Im trying to give the 'choose file' button the lightning style,I tried to set the header on True,but its not working with that component. Is there any other way to do it? <apex:form id="...
Dead_end_Developer's user avatar
2 votes
1 answer
1k views

custom CSS not applied to div

i have the following css: .THIS .noErrorStyle { padding-bottom: 8rem; padding-left:2rem; padding-right:2rem; } .THIS .errorStyle { padding-bottom: 4.3rem !important; padding-...
Dana Griff's user avatar
  • 1,576
0 votes
1 answer
154 views

InputField Conditional Font Styling

I have a requirement to conditionally style the font for a single inputfield based on the User's profile, however, below statement does not appear to be rendering properly. Is this possible using ...
FWSFDC's user avatar
  • 75