Apex Code Development You need to sign in to do that
Don't have an account?
Rashika Singh I want to to use show and hide instead of aura if,How can i use?
I want to to use show and hide instead of aura if,How can i use....
<aura:if isTrue="{!v.deviceStyle}">
<div class="slds-col slds-size_4-of-5 slds-card__body">
<c:Product_Details aura:id="childComponent1" startPage="{!v.startPage}" endPage="{!v.endPage}" pageSize="{!v.pageSize}" sortAsc="{!v.sortAsc}" totalRecords="{!v.totalRecords}" productlist1="{!v.productlist1}" listOfAllProducts="{!v.listOfAllProducts}" totalRecordsCount="{!v.totalRecordsCount}" bNoRecordsFound="{!v.bNoRecordsFound}" productList="{!v.productList}" totalPagesCount="{!v.totalPagesCount}" recordId="{!v.recordId}" scroll="{!v.scroll}"/>
</div>
<aura:set attribute="else">
<div class="slds-col slds-card__body slds-scrollable">
<c:Product_Details aura:id="childComponent1" startPage="{!v.startPage}" endPage="{!v.endPage}" pageSize="{!v.pageSize}" sortAsc="{!v.sortAsc}" totalRecords="{!v.totalRecords}" productlist1="{!v.productlist1}" listOfAllProducts="{!v.listOfAllProducts}" totalRecordsCount="{!v.totalRecordsCount}" bNoRecordsFound="{!v.bNoRecordsFound}" productList="{!v.productList}" totalPagesCount="{!v.totalPagesCount}" recordId="{!v.recordId}" scroll="{!v.scroll}"/>
</div>
</aura:set>
</aura:if>
<aura:if isTrue="{!v.deviceStyle}">
<div class="slds-col slds-size_4-of-5 slds-card__body">
<c:Product_Details aura:id="childComponent1" startPage="{!v.startPage}" endPage="{!v.endPage}" pageSize="{!v.pageSize}" sortAsc="{!v.sortAsc}" totalRecords="{!v.totalRecords}" productlist1="{!v.productlist1}" listOfAllProducts="{!v.listOfAllProducts}" totalRecordsCount="{!v.totalRecordsCount}" bNoRecordsFound="{!v.bNoRecordsFound}" productList="{!v.productList}" totalPagesCount="{!v.totalPagesCount}" recordId="{!v.recordId}" scroll="{!v.scroll}"/>
</div>
<aura:set attribute="else">
<div class="slds-col slds-card__body slds-scrollable">
<c:Product_Details aura:id="childComponent1" startPage="{!v.startPage}" endPage="{!v.endPage}" pageSize="{!v.pageSize}" sortAsc="{!v.sortAsc}" totalRecords="{!v.totalRecords}" productlist1="{!v.productlist1}" listOfAllProducts="{!v.listOfAllProducts}" totalRecordsCount="{!v.totalRecordsCount}" bNoRecordsFound="{!v.bNoRecordsFound}" productList="{!v.productList}" totalPagesCount="{!v.totalPagesCount}" recordId="{!v.recordId}" scroll="{!v.scroll}"/>
</div>
</aura:set>
</aura:if>
I see that you are using the VF pages so as you are using the aura tags are designed to work with the framework so I think it might be better to use them but I am not quite sure if you can use show and hide.
I hope this helps.
Regards,
Anutej
The difference is <div...> will hide but still render the section when v.deviceStyle does not equal to true