Salesforce Asked by Ankit verma on November 30, 2021
<lightning-layout-item padding="horizontal-small" flexibility="none">
<lightning-button type="submit" label="Search" variant="brand" onclick={actuallySearch}
disabled={searchDisabled}></lightning-button>
</lightning-layout-item>
</lightning-layout>
<template if:true={tooManyResults}>
<div class="slds-notify slds-notify_alert slds-theme_alert-texture slds-theme_warning" role="alert">
<h2> {label.TooManyResultsMessage} </h2>
</div>
</template>
<template if:true={isTableVisible}>
<lightning-datatable data={searchResults} columns={columns} key-field="value" hide-checkbox-column="true"
onrowaction={handleRowAction} resize-column-disabled></lightning-datatable>
</template>
<template if:true={isNoSearchResultsMessageVisible}>
<div class="slds-align_absolute-center">{label.NoSearchResultsMessage}</div>
</template>
================================================================
You need to use the size attributes of the layout item. You can specify the different sizes for each layout item as per the device form factors.
Please note that this is mobile-first. So the size attribute will be applicable to the mobile devices.
size
-- default size, mobile devices.small-device-size
-- size when the device is larger than mobile.medium-device-size
-- size when the device is larger than tablets.large-device-size
-- size when the device is larger than desktops.Answered by Rahul Gawale on November 30, 2021
Get help from others!
Recent Answers
Recent Questions
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP