New answers tagged css
0
You can use hideDefaultActions. I tried and it worked for me.
Please refer Working with Column Properties in documentation.
Proof below
0
You'll need to put the labels inside an apex:outputPanel in order to render the cells needed for proper wrapping to take place.
<apex:panelGrid columns="4" width="100%" columnClasses="random">
<apex:repeat value="{!ProcessCellValuesWithoutName}" var="strCellValue">
<apex:...
0
This kind of test is possible but there are several issues with your test code:
1. Add the component to the DOM
First of all, your test code doesn't add the component to the DOM. This is required for rendering the right properties in the dynamic template.
You need to add that after creating the the element:
document.body.appendChild(componentElement);
2. ...
0
For embedded [external], you may run into support issues on many email clients as Gortonington mentioned, but if you do decide to go this route then you should be able to "templatize" your CSS by putting it in a content block in Content Builder and then using the ContentBlockbyId() (https://developer.salesforce.com/docs/atlas.en-us.mc-programmatic-...
1
No standard component available as of now, but this article might be helpful. It contains sample repo which leads to working custom stencil component. It uses LWC for the structure.
https://devlife.tech/index.php/2020/06/22/how-to-use-stencils-in-lightning-web-component
Let us know if it helps.
0
I was housing the above code within a free-form content block,hence,the wysiwyg editor was trying to alter or move scripting. I tried using my code within an HTML-only content block instead, and the issue got resolved. Thank you
0
Found a solution for this via Javascript:
renderedCallback() {
const style = document.createElement('style');
style.innerText = `c-wc-locations .slds-map {
min-width: 0 !important;
}`;
this.template.querySelector('lightning-map').appendChild(style);
}
0
You're confusing the component, as the step is already specified by the component, so it doesn't change properly. Here's an adjustment to your code that will work as expected:
<lightning-progress-indicator current-step={currentStep} type="path" variant="base">
...
currentStep='step-3';
...
handleOnClick(event){
this....
0
Yes, you can override the community CSS. More details here.
2
There are a few different options:
Share CSS styles among LWC components (Summer 20' update):
Create a component that contains a CSS file and configuration file.
>custom.css
>custom.js-meta.xml
Then import it in the component you want to use the CSS file in.
/* myComponent.css */
@import 'c/custom';
/* Define other style rules for myComponent here *...
0
in your case slds-truncate styles applicable to all inner components which you don't want, so you need apply styles for 'slds-accordion__summary-heading only. below code works for me.
.THIS .slds-accordion__summary-heading{
font-weight: bold;
}
0
Inside the click method of the button add disabled="true" attribute to the button element
4
You cannot pass variabled to CSS file from javascript. You have to depend on javascript to apply styles at run time. Below is how you can do it:
HTML:
<button style={btnBackground}>My Btn</button>
JS:
@api
secondaryButtonColor = 'yellow';
get btnBackground() {
return `background:${this.secondaryButtonColor}`;
}
Whatever you select from ...
0
Welcome to the community. I think nbrown is right, I also couldn't reach the content of lightning-formatted-rich-text using the CSS file.
Looking at the documentation it appears that Salesforce are using inline-styling in their examples as well richtext = "<h2 style=\"text-align: center\">Default <s>Value</s></h2>";. So that can be ...
2
LWCs are based on the Web Component standard and leverage what is called the Shadow DOM in order to hide the internal implementation of the component and prevent the page or component in which they are used from affecting the way they work. This includes preventing CSS defined outside the component from changing the way the component renders. This is covered ...
3
Repasting from here
You cannot have direct CDN in LWC component. Download the file , create static resource and refer it in LWC component using loadScript.
Create CSP Trusted Sites to google sites so that the static resource js can interact with host site.
Note that I found bug some days back that just by above steps, it may not work. Not sure if its fixed ...
0
I've added a negative margin to my outermost element :
margin: -0.75rem;
I works well, but the problem with this solution that Salesforce can change their design anytime...
0
I ended up using this:
https://emojipedia.org/
Problem is my other question is unncessarily closed. my question there was simple, how to use lightning icons in the css file of the lightning component.
4
When you use Scrollable which implements scrollbar, this is bound to happen.
Problem
The part of the DOM which is inside scroll is limited to its own context. The standard helptext will add DOM element which is fixed (position fixed) w.r.t the i or any other element you choose - in effect its just another DOM element.
Solution
The only solution I found so ...
2
Set your boolean using event.target.checked so that you have
var btnChecked = event.target.checked
See a similar example here.
0
You need to import "Font Awesome" into your css after you upload it as a static resource.
It should look similar to this:
@font-face {
font-family: 'myFontAwesome';
src: url('resource/FontAwesome/fontawesome-free-5.13.0-web/webfonts/fa-regular-400.woff') format('woff');
}
.THIS ul.ks-cboxtags li label::before {
font-family: myFontAwesome;
...
Top 50 recent answers are included
