Skip to main content

Posts

Showing posts with the label Lightning Component

How to create Dynamic Generic Tree grid using LWC

Hello frnds todat i am talking about , how to create tree-grid using lwc Step-1:- First create Custom metadata, Click setup and In Quich Search box type " Custom metadata " Step-2:- Click on Custom metadata and click on "New custom metadata type" type custom metadata name and save after that create custom feilds, list given below image after that click on "manage" enter field api name according to your requirement Example given below Step-3:- Create Apex class Name is "SLMT_GenericHierarchiesController" global class SLMT_GenericHierarchiesController { @AuraEnabled(cacheable=true) global static List getFullHierarchies(Id recordId,String parentRelationship){ Id topLevelParentId = SLMT_GenericHierarchiesController.getUltimateParent(recordId,parentRelationship); List treeColumns = SLMT_GenericHierarchiesController.describeHierarchyMappings(recordId); List additionalFields =new List (); ...

How to insert multiple object at a time or insert multiple Question with 4 option at a time in Lightning Component

Hello friend today post , How to insert multiple object or insert multiple question a time in lightning component, this post ,i take the example of insert multiple question at a time ,, so friends let us start ... Note: before condind first Create Two Custom Object 1-Quiz__c-create one custom field, Number-of-Rows__c(number type or text type both are suitable) 2-Question__c- create 6 custom fields.... SN__c(text type),Question__c(long Text type),Ans1__c(text type),Ans2__c(text type),Ans3__c(text type),Ans4__c(text type), Step=>1. first open your developer console                         go to File=>New=>Lightning Component                           Question.cmp <aura:component controller="QuizPostController" implements="flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPa...

How to used slds-hide/show class for div hide and show in lightning component

Hello friends today post ,how to create a lightning component to use slds-hide/show class, very easy to use class and aplly.. so let us start ... firstly create a lightning component and there are two or three div or anything when you want to hide/show ... so see given bellow example and udes slds-hide/show class Step=>1.                   goto developer console=>File=>New=>Lightning Component                           sldshideshow.cmp <aura:component >     <aura:attribute name="First" type="string" default="slds-show"/>     <aura:attribute name="Second" type="string" default="slds-hide"/>         <center>     <div class="slds-box" style="width:300px;height:300px;margin-top:15px;">         <div class="{!v.First}">         ...

How to Create Collapse Section in Lightning Component

Hello friends today post, how to create Collapse section in lightning component.. so let us start.. Step=>1.                  goto developer console File=>New=>Lightning Component                   Component name:- collapseSection.cmp <aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction"                 access="global" >         <!--section 1 start-->      <div class="slds-section slds-is-open" aura:id="fruitsSection" style="margin-left:15px;">         <!--section header-->         <h3 class="slds-section__title">             <button aria-controls="fruitsLi...

How to Create Mark Locations On Google Map With Salesforce Lightning Component

Hello friends today post , how to Mark Locations On Google Map With Salesforce Lightning Component... so let us start.. Step=>1 .                    goto developer console                                                          File=>New =>Apex Class first create apex class to fetch location for mark                                lightningMapController.apxc public with sharing class lightningMapController {     @AuraEnabled     public static list<accountLocationWrapper> getLocation(){         list<accountLocationWrapper> lstALW = new list<accountLocationWrapper>();         /*Query accounts records with billing...

How to Create Modal/PopUp in Lightning Component

Hello friends today post ,, How to Create Modal/PopUp in Lightning Component so let us start...... Step=>1.                         goto developer console                                                               File=>New=>Lightning Component                                     Modal.cmp  <aura:component>     <!--Boolean attribute to indicate if modal is open or not        default value is false as modal is closed when page is loaded     -->     <aura:attribute name="isModalOpen" type="boolean" default="false"/>       <div class="slds-m-around_xx-large">   ...