Apex Code Development You need to sign in to do that
Don't have an account?
Jugbeer Bhola Responsive Design for Small Device
Trying to layout a responsive visualforce page with the lightning design system. When I look at it in a responsive mode the fields are jumbled.
Example:
Regular Browser
Residential Street Mailing Street
Residential City Mailing City
Residential State Mailing State
Residential Zip Mailing Zip
Current Responsive For Phone
Residential Street
Mailing Street
Residential City
Mailing City
Residential State
Mailing State
Residential Zip
Mailing Zip
Want it like this:
Residential Street
Residential City
Residential State
Residential Zip
Mailing Street
Mailing City
Mailing State
Mailing Zip
Current Tag:
<div class="slds-col--padded slds-size--1-of-1 slds-medium-size--3-of-6 slds-large-size--6-of-12 slds-m-top--medium" >
Example:
Regular Browser
Residential Street Mailing Street
Residential City Mailing City
Residential State Mailing State
Residential Zip Mailing Zip
Current Responsive For Phone
Residential Street
Mailing Street
Residential City
Mailing City
Residential State
Mailing State
Residential Zip
Mailing Zip
Want it like this:
Residential Street
Residential City
Residential State
Residential Zip
Mailing Street
Mailing City
Mailing State
Mailing Zip
Current Tag:
<div class="slds-col--padded slds-size--1-of-1 slds-medium-size--3-of-6 slds-large-size--6-of-12 slds-m-top--medium" >
Since you always want the addresses stacked vertically, you explicitly specify that in their own divs. Then, you can display those divs using the method in your current tag, putting them side by side on larger screens or on top of each other on smaller ones.
All Answers
Since you always want the addresses stacked vertically, you explicitly specify that in their own divs. Then, you can display those divs using the method in your current tag, putting them side by side on larger screens or on top of each other on smaller ones.