Skip to main content

Questions tagged [css3]

CSS3 is the latest standard for Cascading Style Sheets.

Filter by
Sorted by
Tagged with
12 votes
4 answers
7k views

Design tokens doesn't work in LWC?

I'm trying to use Lightning Tokens as described in Developer Guide, but unfortunately, it can't resolve the reference. I tried wrapping LWC component with Aura component it. Using tokens works in ...
ytiq's user avatar
  • 4,554
6 votes
1 answer
5k views

Using SASS/SCSS with Lightning Web Components

We are building Lightning Web Components and styling each one using the CSS file within each component folder. This is starting to become long and out of control. I understand that one could upload a ...
Andrew's user avatar
  • 191
6 votes
1 answer
3k views

renderAs PDF shows blank first page

I am using the html2canvas library to render the page with a view to rendering the canvas as a PDF. I am saving the canvas as an Attachment fine. The direct link to the attachment looks like this: ...
George S.'s user avatar
  • 2,740
6 votes
1 answer
4k views

How Can I Style a Lightning Component with Bootstrap Styling?

I have a question regarding styling Lightning components. On several occasions lately, I have found myself having to opt for the use of a standard HTML tag styled with bootstrap on which I call core ...
Daniel Fuller's user avatar
3 votes
3 answers
2k views

Split text in two columns in a PDF?

My code is something like that: <apex:page renderAs="pdf" standardController="Account" extensions="AB_CNT_Generar_InfoAbante" sidebar="false" showHeader="false" applyBodyTag="false" > <apex:...
Antonio Criado's user avatar
3 votes
0 answers
760 views

Page break CSS not working in lightning LWC Salesforce

I am trying to do page break in LWC. But it is not working. Below is the code . How to do page break in lightning while printing the page to pdf. <template> <div> <lightning-...
learningmode's user avatar
2 votes
1 answer
5k 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?
Matteo Mattiussi's user avatar
2 votes
1 answer
940 views

Using a non-SLDS css library with LWC

We are building a Lightning Web Component using some of the native lightning components. However, we'd like to style it differently. Is it possible to import and apply a non-slds css library to LWC? ...
Anup's user avatar
  • 3,810
2 votes
1 answer
6k views

Remove border-radius on <lightning:input/>

Is it possible to remove border-radius on <lightning:input/>? Just attaching a css class with border-radius: 0; does not help.
iloveseven's user avatar
  • 1,115
2 votes
2 answers
4k views

How to use CSS to center my Heading H1 in a vf Page [closed]

This is my VF page <apex:page standardStylesheets="false"> <apex:stylesheet value="{!$Resource.TestCSSFile}" /> <div class="section1"> <h1> H1 </h1> <br/> <...
Tushar Arora's user avatar
2 votes
2 answers
2k views

CSS - tr:first-child not working for background color

The following is CSS for an LWC implementation. Why does... tr:first-child { background-color: rgb(179, 250, 179); } ... have no effect in the view here? The td selectors work fine. .actionBar{ ...
Ryan McNeely's user avatar
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
1 vote
2 answers
552 views

CSS updates in winter 18 release

After salesforce gave us the winter 18 App I saw that many css classes which i were relied on were changed\deleted. Suddenly I saw that a lot of components in my App are css broken. I've tried to ...
user49050's user avatar
1 vote
2 answers
14k views

Dynamically change color of text/numbers in LWC?

I want to change values of text/numbers dynamically depending upon certain conditions. (3 colors - Red, Yellow, Green) So like depending upon value of numbers (like if its greater than 10 i want to ...
Mohit K's user avatar
  • 766
1 vote
3 answers
812 views

FlyingSaucer library usage inside Visualforce pages

Even though Salesforce provides supports for CSS3 via render as="pdf" attribute. To print the documents we need to make use browser print functionality. Almost all the browsers are not supporting many ...
Aruna's user avatar
  • 427
1 vote
1 answer
1k views

Can we use Swipe / Touch events in LWC mobile

A very happy new year to all of u . I am trying to built a swipe/ touch feature using lwc for mobile version like below I have reached till this point where i am able to swipe it, but after ...
sfdc_to_learn's user avatar
1 vote
1 answer
530 views

re-run a css animation in lightning web components

I want to run a css animation on button click. I have an animation that is run when another animation ends after that I want that animation to be run on a button click. Right now I have the animation ...
sumchans's user avatar
  • 777
1 vote
1 answer
1k views

visualforce vs HTML/CSS/JS

UI requirement for our application are such that applications should be very responsive with very less lag time. Users should be able to use mobile easily while working with application. There are few ...
Walker's user avatar
  • 2,365
1 vote
1 answer
2k views

Marketing Cloud Responsive Layouts Not Responsive

Does anyone here ever encountered that the Empty Layouts of Marketing Cloud are not rendering good in some mobile devices (more on iOS Outlook). What solution or workaround did you do to fix this ...
Presario Fortythree's user avatar
1 vote
1 answer
521 views

How to change the size of circles/rectangles in progress bar css? [closed]

I need to increase size to display more data and I have tried changing height & width but there is no change in UI. <apex:page > <head> <meta charset="UTF-8"/> <...
shukla yogesh's user avatar
1 vote
1 answer
1k views

Landingpage CSS

I created a Cloudpage and reference an external CSS file, everything is looking fine when opening the URL. However, within the MC Landingpage editor the css file doesn't seem to get loaded, so the ...
Michael H's user avatar
  • 549
1 vote
1 answer
1k views

CSS for VisualForce Apex tabPanel tweaking

Have read thru various approaches but having a problem formatting a VisualForce tabPanel . I'm almost there but can't seem to get rid of the light shaded square border around each tab. BEFORE adding ...
rickmac's user avatar
  • 775
1 vote
1 answer
268 views

tr:hover{} this code print on page but i want to work that when my mouse point on a particular tr background color will apply

<apex:component controller="contactcloudcontroller"> <apex:form id="pgBlock"> <apex:pageBlock> tr:hover{ background-color: #87cefa; cursor: pointer; ...
Vipin Indora's user avatar
1 vote
1 answer
674 views

Border not showing for Button Group with hidden Button

I have a Button Group with three buttons in it. However the left most Button is hidden by default and only becomes visible when the center Button is clicked. My problem is that the left border of the ...
dBeltowski's user avatar
  • 3,038
1 vote
0 answers
964 views

lightning-quick-action-panel remove scroll using css LWC

I am using lightning-quick-action-panel in the html and the component loads on a button click and it contains a data table. There are 2 scrollbars present and I want to get rid of one .When I ...
Reettik 's user avatar
1 vote
0 answers
166 views

Float image on top when scrool page

I thinkingif it is possible to detect moments: start scrolling the page and end of this stage in a lightning component. I trying add top of the page menu with position: fixed; and when I scrool is ...
John's user avatar
  • 115
1 vote
1 answer
2k views

How to make apex datatable header fixed [duplicate]

I am using apex data table in apex outputpanel. I want to make the header fixed on scrolling. But I am not able to get the result. Here is my code : <apex:outputPanel styleClass="dataTable" id="...
user avatar
0 votes
1 answer
508 views

Is it possible to customize the look and feel of the Forward to a Friend Default Page [closed]

Is it possible to customize the look and feel of the Forward to a Friend Default MC Page? Thanks!
Presario Fortythree's user avatar
0 votes
1 answer
2k views

Lightning Web Component That Allows Text Input and Dropdown

Is there a LWC that allows me to utilize it as a text input field and also a dropdown menu? I need to display results as a dropdown but also allows user text input to search.
ust's user avatar
  • 23
0 votes
1 answer
227 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 ...
Saikat's user avatar
  • 1
0 votes
1 answer
1k views

dir="rtl" and dir="ltr" is not working on Android 4.4, 5.1 and 6.0 Email

dir="rtl" and dir="ltr" is not working on Android 4.4, 5.1 and 6.0 Email Any ideas on how to fix this issue?.
Presario Fortythree's user avatar
0 votes
0 answers
355 views

Design token to access Logo in LWC which is setup under Login and Registration of Experience Cloud

Is there any design token available to access the logo configured in community administration? Workspace -> Administation -> Login & Registration need to access in registration form build ...
Jasneet Dua's user avatar
0 votes
0 answers
364 views

How Can I Reference A Font File In CSS For My Visualforce Page through Static Resources?

I have a .css file that I have zipped along with image assets and font assets. On the front end through my Visualforce page I am bringing this css file in as an <apex: stylesheet> Here's what I ...
ust's user avatar
  • 23
0 votes
1 answer
1k views

How to toggle cursor pointer on lightning button

I'm having a lightning button called "Submit". I have added css property to that button to display it in red color. When I click on that button, I want to change my cursor pointer style to 'not-...
sfdcOwl's user avatar
  • 25
0 votes
2 answers
56 views

SLDS is throwing my 2 lightning components out of vertical alignment with an unnecessary label

This tiny unused label is pushing my selector component down on the page, and now it's out of alignment with the Pagination buttons. I don't want a label for this selector - how can I remove it? .slds-...
Ryan McNeely's user avatar
0 votes
2 answers
3k views

How can I update data extension after clicking Submit Button in the cloudpage?

I would like to update a field name "Email_Optin" in my data extension after clicking submit button and set the Value of it to True. Is this possible using ampscript?. Thank You!
Presario Fortythree's user avatar
0 votes
1 answer
3k views

Css in Vf page not working

Trying to use this css to display page numbers from second page...it should start page number from second page like this 2,3 and so on...this my css class.It is starting from page 1 and coming as 1,2,...
Salesforce's user avatar
-1 votes
1 answer
506 views

Need help in Circle Progress Ring [duplicate]

Need to create a circle progress ring that increases everytime on my application, when an input field(answer) is filled for every question.
user75908's user avatar