New answers tagged slds
0
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-...
0
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
<table>
<tbody>
<aura:iteration items="{!v.lists1}" var="list1">
<tr>
<td>{!list1.Name}</td>
<aura:iteration items="{!v.lists2}" var="list2">
<td><input id="{!list2.Name+'-'+list1.Name}&...
0
Finally, I was able to achieve this with the below code.
<div class="slds-illustration slds-illustration_small" aria-hidden="true">
<img src="/img/chatter/OpenRoad.svg" class="slds-illustration__svg" alt=""/>
<div class="slds-text-longform">
...
0
style="overflow-y: auto !important;"
This was the solution to my problem. I was trying with different slds classes of scrollable but didnt work, neither in quick action component nor in record form child component
0
Copying code from the SLDS blueprints do not translate to working components, they are more like guidelines.
the searhc icon does not display because the asset folder does not exist in your SF org, instead use (replace assets with _slds):
<svg class="slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default" aria-hidden="true&...
2
The markup within which you are showing the icon has had a (max) height set for it (or similar - could be positioning of the elements around it too); by enlarging the image you can see that you are seeing a slice through, about half way up the icon:
You need to examine the markup around where you insert your image and check what CSS is being applied.
0
There's already a footer element, which you've ignored in favor of trying to fake your own. That 10px space at the bottom is the empty footer where your footer content should go.
<lightning:card>
//something here
<aura:set attribute="footer">
// bottom content here
</aura:set>
</lightning:card>
0
Why ".icon13" if the class name is "icn"? Try with .icn{}
Also, the css modifier is not correct, it has an extra "brand".
Try this:
.icn {
--sds-c-button-color-background: red;
--sds-c-tooltip-text-color: blue;
}
Sorry, I cannot add comments.
Edit: added text color.
1
You are trying to override the CSS inside a lightning component. This was easily feasible with aura components, but not with LWC. In order to do that, your best approach would be to load your CSS as an static resource and use the loadStyle method in your rendered callback, instead of using the bundle CSS file.
Bear in mind that THIS is no longer required in ...
1
The lifecycle for LWC is available in the documentation. This doesn't specifically cover when wires are invoked, but if you read about wires, you will find that these are:
Invoked after the constructor.
Only invoked when all the reactive parameters they receive have a defined value.
If your wire takes a reactive parameter (one using the '$name' string ...
Top 50 recent answers are included
