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
11 views

How to fit my lightning page to screen height?

I have a lightning page (accessed via Lightning Component tab) which display a custom search box and a lighting map component. The idea is I would like the map to fill the screen (minus the search box ...
1
vote
0answers
10 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 ...
0
votes
1answer
15 views

How to Include Global Styles in LWC System

I'm working on a customer service system using Salesforce Lightning and the Lightning Web Component (LWC) framework. What's the best way (if any) to include a global stylesheet to create/override ...
0
votes
1answer
14 views

How to make modal in LWC, with fixed header and footer and a scrollable content?

I am creating a lightning web component called by a quick action (using Aura). I'am trying to make my modal to behave like this: However I got this: Both are zoomed 110%. Problem is the header, ...
0
votes
1answer
20 views

Visualforce <ol><li>

I am creating a WORD document from Visualforce. I am having an Issue with Spacing between Numbers using the "ol li" it is like adding an extra page break or something. Any Advice. <...
1
vote
0answers
28 views

Custom Progress List LWC does not render correctly due to additional HTML tags

I am trying to create a custom progress list LWC, which should look like this: The parent component is structured like this: <template> <ol class="slds-progress__list slds-...
0
votes
0answers
5 views

inputRichText spacing in Aura Component

In my Aura Component, I'm using lightning:input and lightning:inputRichText. The spacing in the input is correctly aligned but for inputRichText, it's not aligning. Using CSS I can align it but then ...
0
votes
1answer
20 views

apex:iframe remove vertical scrollbar

How to remove vertical scrollbar of an iFrame in Visual force page? Here is an example. Here is the code snippet <center> <apex:iframe src="{!url}" scrolling="true&...
0
votes
0answers
34 views

Try to creating a landing page with html form and details from the fields go and saved in the DE after submitting

<body> <div class="container" align="center"> <div id="image"> <img src="https://image.ec.ansira.com/lib/fe5415707c6c0d747412/m/1/...
2
votes
1answer
29 views

CSS animation not working in LWC in Safari

The bottom right spinner here: CSS animation in LWC not working animates in Chrome and Safari as static HTML. But when added into an LWC - meaning the content is dynamically added to the DOM - it ...
0
votes
1answer
17 views

Change the background colour of a Lightning tile upon Button Click

I am trying to change the background colour of a lightning tile when user clicks a button. I am not sure if this can be done via CSS? Any leads on what would be the best approach to solve this?
0
votes
1answer
12 views

lightning-input loses alignment on display of error/validation msges with other form elements

Trying to make this work <template> <p>This example creates a simple layout with field headers.</p> <lightning-layout vertical-align="end" class="slds-form&...
0
votes
1answer
21 views

why the border of my table from my email template does not appear when i send that template via email? [closed]

<style type="text/css">.c16 { border:1px solid black; border-collapse:collapse; padding:2px; cellpadding= 2; cellspacing= 0; } .c16 th ...
0
votes
2answers
21 views

Format CSS for LWC Component within Aura Component

I have a a LWC component displaying within a Aura Component. The LWC is the "Create Jira Ticket" button, and the Aura Component contains all 4 of these buttons: I would like the "...
0
votes
1answer
18 views

How to break text from recordForm after resize of screen

When I change the size of my screen the text isn't breaking. It continue past the screen and exceeds the container. Here my component : <div class="slds-page-header "> <...
1
vote
0answers
21 views

How to display radioGroup over multiple column

I have a lot of data to display in my radioGroup, so I would like to display it in multiple columns like this. Unfortunately I'm getting some display errors. Here is the code <div class="...
0
votes
0answers
14 views

Popup in table causes vertical scrolling

I have a table and a popup which is inside the table. I have set overflow-x property of the table to auto to enable horizontal scrolling. I have a popup inside the table for every row. For the last ...
0
votes
1answer
19 views

Issue in applying css in lightning-datatable

I am working in Visual studio code in LWC. I am trying to apply CSS to headers of lightning-datatable HTML priceScreen.html <lightning-datatable class= "table-test" data={accList} columns=...
0
votes
0answers
5 views

lightning:treeGrid : rigth to Left button:icon

I am developing a custom assets hierarchy Lightning Component using lightning:treeGrid. I need to display this component in a RTL but when I switch language , all work perfectly except of the ...
0
votes
0answers
24 views

LWC Custom Font - Failed to decode

Not sure where my error is here. It's failing to decode my .woff font, but I have absolutely no idea why. Not getting a 404, so it's finding the font but..eh. Any ideas? Static resource is fonts/...
0
votes
1answer
28 views

SLDS Responsive Classes (setting gutter size for different breakpoints) [closed]

Apologies if I missed it in the documentation, but I'm wondering if the Salesforce design system provides any way to change the gutter amount based on breakpoints? Via classes, I see you can change ...
0
votes
0answers
15 views

z-index is not working to ensure element is on top

I am building a checkbox dropdown list component and for whatever reason I cannot seem to get the styling correct so that the dropdown list shows above other elements on the page. See screen shot, ...
0
votes
1answer
50 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 ...
0
votes
2answers
25 views

LWC unable to pass CSS attributes using targetConfigs

I have a simple LWC component where I want users to define CSS using designer attributes. However, it doesn't seem to pick it when I load it on the page even though console logs are picking up the ...
0
votes
1answer
32 views

Import/Load CSS or JS file from File Attachments instead of Static Resource in LWC

I have different css files for each record, which will be stored as a file(ContentVersion). I want to load that css in lwc. But getting this error. Refused to apply style from '' because its MIME type ...
0
votes
1answer
32 views

Hide “Or drop files” for file lightning-input

I have a lightning-input with type file so I can upload files. I don't want the little box that says "Or drop files" that shows up beside the upload button to show. Is there a way to hide ...
0
votes
0answers
32 views

LWC lightning datatable row size

I need to resize the rows in lightning datatable LWC All I can found was column resizing in documentation of lightning data table of LWC Please suggest me any solution regarding resizing the rows.
0
votes
0answers
30 views

LWC - lightning:datatable - enhance icon in button & action - CSS

I need to enhance icon inside type: 'action' just like type: "button-icon" It worked on button-icon but not able to find solution for action icon. Please suggest any solution columns : type:...
0
votes
0answers
20 views

Placeholder font style is not changing in visualforce

For some reason, placeholder font style is displayed as italic by default instead of regular text and I want to change it to the normal placeholder text. ::-webkit-input-placeholder { font-style: ...
0
votes
0answers
29 views

Applying CSS property in JS on a dynamic Number

Hi I need to apply CSS property on a number before appending it to the label in Lightning Web Component , Salesforce can someone help me out. Below is my code: <template> <lightning-tabset ...
-2
votes
1answer
57 views

Lightning tab with custom label in LWC [closed]

I need to show the some number inside the lightning tab label in my one req: below is the screenshot: I just need to show this 1 inside the red badge: below is my code: <lightning-tab label='{...
0
votes
0answers
27 views

Style lightning-input like lightning-input-field

I'm using lightning-inputs in the middle of my record-edit-form to provide greater flexibility. Unfortunately their styling is different than that of the lightning-input-field which means they are not ...
1
vote
1answer
24 views

unable to capture div's style.display value lwc

I'm trying to capture the display css property value for an element. However, unless I set style.display value in js it doesn't work. HTML: <div class ="dropdown slds-size_1-of-4" > ...
0
votes
0answers
26 views

Using a Custom Stylesheet in a Visualforce Email Template being rendered as PDF

According to this Visualforce Developer Guide: Using a Custom Stylesheet in a Visualforce Email Template It should be possible to add custom CSS to a Visualforce Email Template like this <...
0
votes
2answers
63 views

LWC Shared Styles Standard imports not working [duplicate]

I am following the official guide here https://developer.salesforce.com/docs/component-library/documentation/en/lwc/create_components_css_share "styles" is my LWC having shared CSS rules, as ...
0
votes
0answers
23 views

I have created custom lightning chart(bar graph) in lightning component as per the client requirement but getting page refresh Issue

I have put my component inside the object as a tab when open tap inside my component then it will be open bar graph properly. If when I open another record so the component does not show any bar graph ...
0
votes
0answers
22 views

Lighting Datatable position is not relative with modal

The bottom of Lightning datatable overflows beyond the modal if the resolution is increased and causing it to hide. Thus restricting the user to view the records in the last rows. <template if:true=...
0
votes
0answers
13 views

When re-uploading/updating a .CSS file Pardot won't accept it?

So I have uploaded a .css file which Pardot/Salesforce trail blazer site is an accepted file format, it has been working and still is on multiple Landing Pages, however I have amended it and am going ...
0
votes
0answers
28 views

Map through null exception when i try to get values on another map base on key

here I'm facing one issue bcoz of the map I did try but it's not solved here try to get value in the map based on the key, but in some case key not available then it shows me the exception . this ...
0
votes
1answer
42 views

Icon Size and color

Hi Kindly help me out for the below , i need to alligned the icon properly with the text next to it and make it red color ,,, kindly help me out for this. code: <lightning-button-icon class='slds ...
0
votes
1answer
57 views

Red Badge in the lightning tab

Hi I am working in the lwc lightning tab set in which i need to put a number in the lightning tab label and enclosed that number on red error badge ... but not sure how to use this one. Class for the ...
0
votes
1answer
23 views

How to make a CSS file used in LWC cross browser compatible?

I have a CSS file with different style classes incorporated in it and this CSS file is being used in LWC. Now what I found it's coming up fine in Chrome but not in Mozilla or Safari browser. How to ...
0
votes
0answers
16 views

Calculate span left depends on Input box text length

I created a custom combo box by referencing this link https://github.com/salesforce/base-components-recipes/tree/master/force-app/main/default/lwc/combobox I can able to achieve my needs but finally ...
0
votes
1answer
38 views

Conditionally render the Button in Salesforce

Hi I need some help on the below code, kindly help me out for this. As per need : user can click or use the undo button once the firing of the first event gets completed. Explain: this.dispatchEvent(...
0
votes
1answer
50 views

Max-width on media query doesn't work for a lightning web component

Having a custom LWC now I need to make it responsive, so I'm adding a media query @media screen and (max-width : 480px) This doesn't work, If I change max-width to max-device-width it works, but I ...
0
votes
1answer
367 views

MIME type ('text/html') is not a supported stylesheet MIME type, in open source LWC

Below is my file structure in open source LWC in my index.html I am trying to reference bootstrap as follows <link rel="stylesheet" href="./bootstrap/css/bootstrap.css" ...
1
vote
1answer
72 views

Working with bootstrap in open source LWC

I am currently exploring Open Source LWC and in my index.html I have below tags to use bootstrap <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-...
1
vote
0answers
13 views

Visualforce Gray Border Lightning Community

I tried to hold off posting because I feel like this is just ridiculous, but I'm so frustrated I have no choice. I've got a simple solid color box to drop on a lightning community, keeps showing this ...
0
votes
1answer
30 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']"/> ...
0
votes
0answers
19 views

need to adjust datacell of table automatically according to the value

<aura:attribute name="recordId" type="ID"/> <aura:attribute name="attachmentList" type="Attachment[]" /> <aura:attribute name="caseList"...

1
2 3 4 5
17