New answers tagged

0

You will have to check your developer console and verify what styles are being "overridden" modified and correct them. Not much we can do here without seeing exactly what styles are being overridden. did you test in the browser before adding the property? what is the expected behavior in browser, and after applying it in your component, is it the ...


0

You can modify this by updating border-radius:0rem; on the css class .slds-popover which is standard css class for helptext pop up.


1

Yes, it is possible to set a max width to columns, and furthermore to the table itself in order to avoid expanding beyond the viewport size. the slds blueprints for the data table give out a file hints on setting widths using the style attribute, but you can achieve the same in a css file with the proper scoping. Additionally, you can use the slds-max-medium-...


1

If somebody is still struggling with this, after making sure the URL is correct, I changed: src: url('someurl/myfont.ttf') format('ttf'); To: src: url('someurl/myfont.ttf'); So simply removed the "format" and it worked after. After some digging, I found out that I should have used "truetype" as the format, see supported values here: ...


0

It does not appear that that the html tags where flagged so much as the use of css, which doesn't seem like a valid finding given the information you've presented (e.g no reviewer notes, and no access to the code, or even vulnerability title). One possible issue to keep in mind is that by mandating 90% of the viewport for your component, you are not being a ...


2

you can set title attribute separetely for lightning-formatted-rich-text tag html <lightning-formatted-rich-text title={preparedTitle} value={Approval_notes__c}> </lightning-formatted-rich-text> js ... get preparedTitle(){ //prepare desired title without special symbols return this.Approval_notes__c.replace(.....//correct regex ...


1

In this approach, we hide default buttons of the record form and create our own Copy paste this code it's working fine we have to override CSS : Create a CSS file and add in static resource File Content : .recordForm .slds-align_absolute-center{ display:none; } Import That static resource file in your component import { loadStyle } from 'lightning/...


0

To make a field required you can use required attribute in lighting:inputfield like below: <lightning:inputField fieldName="FirstName" required="true"/> For Validation, according to the documentation: https://developer.salesforce.com/docs/component-library/bundle/lightning:recordEditForm/documentation lightning:recordEditForm ...


0

Thx for all the great comments and especially @sfdcfox for linking me to How can i use var() in css in LWC?, it was the hint I needed. 2 weeks and dozen distractions later... something like this if you want to keep the default values in CSS. Apex @AuraEnabled(cacheable=true) public static Calendar__c getSetting(){ return Calendar__c.getInstance(); } JS @...


1

Not my code, forget where I got it from... Controller: titleColor; isFirstRender; renderedCallback() { if (!this.isFirstRender) { return; } this.isFirstRender = false; var bodyStyles = document.body.style; bodyStyles.setProperty('--titleColor', this.titleColor); } CSS: .control-...


1

You could try adding slds-align_absolute-center to the col div. eg: <div class="slds-col slds-align_absolute-center.... Or use some flex magic (the above layouts are flexed too): <div class="slds-col slds-size_1-of-1 slds-large-size_4-of-12 slds-m-bottom_large" style="display: flex; justify-content: center;"> <div > ...


0

As of Spring'21 you can now use styling hooks as a beta feature to override slds styles from base lightning components: https://www.lightningdesignsystem.com/platforms/lightning/styling-hooks/


Top 50 recent answers are included