New answers tagged slds
0
No, we can't help you with this. If there was a way to do so, it would be in the documentation. You would have to duplicate the Tree Grid from SLDS, or modify the tree-grid from lightning-base-components.
2
The SLDS examples are meant to be universally applicable, rather than being tied to a specific framework. This means that translations to a specific platform will be necessary. For Visualforce, this means you'll need some JavaScript, as applicable, and you also need to use HTML5. This is explained in the docs.
The Lightning Design System (SLDS) includes PNG ...
0
SLDS blueprint are non-functional wireframes. they are simply guidelines.
everything revolving around logic would have to be implemented with JS to make them actually work. this is obviously not provided in the SLDS blueprints.
as per the SVG components in the markup, I haven't used them in Visualforce, but, you can in lwc use them as follows:
<svg class=&...
0
I attempted to implement @sfdcfox solution, but for some reason it is still firing the clientSide JS from salesforce (We don't have any JS on the page). So we had to opt for the controller validating the fields that are required in the fieldset in the save method.
Code
List<Schema.FieldSetMember> fields = getFields();
for (Schema....
4
To keep client-side validations from blocking your actions, use an apex:actionRegion.
<apex:actionRegion renderRegionOnly="false">
<apex:commandButton styleClass="slds-button slds-button_destructive" action="{!deleteAopRecord}" rerender="AreaOfPracticeFields,theOutPutPanel" value="Delete" ...
3
As you have found, the button-icon type, which creates a lightning-button-icon, only supports variant which provides for just a few select colours, as documented here. If you need to be able to explicitly define the button colour using CSS colour options then you need to create a specialized lighting-datatable that uses a custom data type for this column, ...
1
There are 2 problems that prevent us from using "Styling Hooks" to achieve custom styling.
Per documentation, --sds-c-button-text-color is not available for use in any of the lightning-button-icon variants.
Styling hooks don't seem to apply to base components nested inside lightning-datatable unless we apply them to the :host selector, which isn't ...
3
You can Create a Custom Data Type to apply whatever styling you want; that is necessary AFAIK as other approaches are deliberately blocked. That approach also allows multiple buttons to be grouped in one table column.
(I've used the variant property to have blue icons and that is nice and simple. Can you add to your question to explain why "The variant ...
1
You could use label-hidden variant, define your own div for the label and put both elements (label and lightning-input) in a flex box:
<template if:true={locatedOnTab}>
<div class="slds-grid slds-grid_vertical-align-center">
<div class="slds-form-element__label">Now page number</div>
<...
0
Looks like fetching StaticResource content is considered as an Callout and saving Flexi Page definition is counted as DML operation and an Exception is displayed in Apex Logs:
System.CalloutException: You have uncommitted work pending. Please commit or rollback before calling out
So looks like I need to change my implementation to have a single JSON static ...
1
You need to import the createRecord method like this.
import { createRecord } from 'lightning/uiRecordApi';
Also remove createRecord from this line
import { getObjectInfo, getPicklistValuesByRecordType, createRecord } from 'lightning/uiObjectInfoApi';
Top 50 recent answers are included