You need to sign in to do that
Don't have an account?
Madan Khadka 2
LWC form (lightning-layout-item) for mobile view
I have created VF page to call LWC, referencing this code from salesforce
Problem : The output is input field is very small for mobile device, not user friendly. I need the input fields to be bigger in size.
Here is the code :
<template>
<div class="slds-box slds-p-around_none slds-m-top_x-small slds-m-bottom_medium slds-m-horizontal_none">
<lightning-layout vertical-align="stretch" multiple-rows="true" class="x-large">
<lightning-layout-item size="12" small-device-size="12" padding="around-medium">
<div class="custom-box slds-box slds-p-around_medium">
// Input field here
<lightning-input type="text" name="Name" label="Name" onchange={handleChange}></lightning-input>
</div>
</lightning-layout-item>
</lightning-layout>
</div>
</template>
Any suggestions on the same ?
Problem : The output is input field is very small for mobile device, not user friendly. I need the input fields to be bigger in size.
Here is the code :
<template>
<div class="slds-box slds-p-around_none slds-m-top_x-small slds-m-bottom_medium slds-m-horizontal_none">
<lightning-layout vertical-align="stretch" multiple-rows="true" class="x-large">
<lightning-layout-item size="12" small-device-size="12" padding="around-medium">
<div class="custom-box slds-box slds-p-around_medium">
// Input field here
<lightning-input type="text" name="Name" label="Name" onchange={handleChange}></lightning-input>
</div>
</lightning-layout-item>
</lightning-layout>
</div>
</template>
Any suggestions on the same ?
Did you try removing the size and checking what is the size you are getting and in did you try it in the browser of mobile if it is performing the same.
Regards,
Anutej