New answers tagged css
0
votes
Can't create a dynamic footer for printed visualforce page with landscape and portrait pages
I was able to get a workable solution by doing a bit of adjustment with your CSS. Though this solution works but it is more of a result of trial and error on my part and with the reference from few ...
1
vote
Accepted
conditional CSS in HTML class tag LWC
Such conditional CSS is not supported by LWC, you need to include all the CSS in a class property:
<div class={styleClass}>
get styleClass(){
return `slds-box slds-p-left_xxx-small slds-...
2
votes
Accepted
How align button to the right?
You first need to occupy the whole space.
You have mentioned size="3" and size="4" which means, you only occupied 7 out of 12 grids.
You need to change it to
<lightning-layout ...
2
votes
How align button to the right?
As per the documentation you can use the alignment-bump attribute to align the lightning-layout-item to left, top, right, bottom.
<lightning-layout-item size="4" flexibility="auto&...
2
votes
highlight a search word in LWC for each loop
You can also use a quick algorithm to break the parts up:
element.highlights = element.Title.replaceAll(RegExp(`(${searchTerm})`, "ig"), "\0$1\0")
.split("\0")
....
1
vote
Accepted
highlight a search word in LWC for each loop
I think you need to assign the returned value from replace function, taken from mozilla documentation: The replace() method returns a new string with some or all matches of a pattern replaced by a ...
3
votes
Accepted
Set the color of a value in lwc
You have a few choices. Option 1 is to set the entire style:
<div style={style}>{item}</div>
Which is set in JavaScript:
this.style = `color: ${data.itemColor}`;
Option 2 is to set a CSS ...
1
vote
Accepted
Apply css class based on specific condition in Lightning component along with standard Lightning Design System
You can add the the standard SLDS class inside the expression in both conditions. something like this
<div class="{! v.applycss ? 'slds-col slds-size_2-of-12 customColor' : 'slds-col slds-...
0
votes
Apply css class based on specific condition in Lightning component along with standard Lightning Design System
You don't need to compare a Boolean value to true, it's already true. You can try below one:
<div class="{!'slds-col slds-size_2-of-12' + v.applycss ? 'customColor1' : ''}">Test ...
0
votes
How can I reference a font in a static resource from a community login page when I can't use URLFOR in CSS and the static resource sits behind auth?
Ok, seems to be fixed now. The URLFOR approach appears to work, but I ended up with the font resources as a static resource each in their own right, not zipped, and referenced them individually
url({!...
2
votes
Accepted
Render as PDF page orientation
Per this question, you can alias different sizes (@page aliasName):
@page land { size:landscape; }
@page port { size:portrait; }
Which you can then apply via the page CSS attribute:
.landscapePage { ...
0
votes
lightning-data table styling
What needed to be done was to in the lwc enterQuantity.html
go from:
<template>
<lightning-layout class="inputboxPadding">
<lightning-layout-item class="...
Top 50 recent answers are included
Related Tags
css × 1028visualforce × 319
lightning-web-components × 251
lightning-aura-components × 212
html × 153
lightning × 147
javascript × 120
slds × 98
lightning-design-system × 85
apex × 76
pdf × 64
community × 39
marketing-cloud × 35
style × 35
lightning-datatable × 31
static-resources × 29
lightning-experience × 24
stylesheets × 20
email-template × 18
jquery × 17
css3 × 17
aura × 16
font × 15
visualforce-component × 14
lightning-community × 14