You need to sign in to do that
Don't have an account?
Denise Crosby
trying to make my visualforce page more appealing in SF1 (using winter 18 and lightningstylesheets="true")
Hello developers,
I am fairly new to SF development. I have a custom VF page on a global quick action that creates an event. I want to make the vertical spacing on the page more appealing when viewed in SF1. I tried using the new lightningstylesheets="true" tag available in Winter 18, but it still doesn't look very good. I'd like to have more vertical spacing between my inputfields, for starters. Two other strange things I've noticed: searching on the account field cancels out of the screen on iPhone and after saving it navigates back to the home screen. I'd like it to navigate to the new event. Any help or advice is greatly appreciated.
I am fairly new to SF development. I have a custom VF page on a global quick action that creates an event. I want to make the vertical spacing on the page more appealing when viewed in SF1. I tried using the new lightningstylesheets="true" tag available in Winter 18, but it still doesn't look very good. I'd like to have more vertical spacing between my inputfields, for starters. Two other strange things I've noticed: searching on the account field cancels out of the screen on iPhone and after saving it navigates back to the home screen. I'd like it to navigate to the new event. Any help or advice is greatly appreciated.
<apex:page controller="NewMeeting" lightningStylesheets="true"> <apex:form > <apex:pageBlock > <apex:pageMessages /> <apex:pageBlockSection id="eventInformation" columns="1"> <apex:inputfield label="{!accountLabel}" value="{!dummyContact.AccountId}" > <apex:actionSupport action="{!changeAccount}" event="onchange" rerender="eventInformation" /> </apex:inputField> <apex:selectList label="{!contactLabel}" value="{!contactId}" size="1" rendered="{!showContactOptions}" id="contactselectlist"> <apex:selectOptions value="{!contactOptions}" /> <apex:actionSupport action="{!changeContact}" event="onchange" rerender="eventInformation" /> </apex:selectList> <apex:pageBlockSectionItem rendered="{!!showContactOptions}"/> <apex:inputfield value="{!ev.subject}"/> <apex:inputfield value="{!ev.description}"/> </apex:pageBlockSection> <apex:pageBlockbuttons > <apex:commandbutton value="Save" action="{!save}" /> <apex:commandbutton value="Cancel" action="{!cancel}" /> </apex:pageBlockbuttons> </apex:pageBlock> </apex:form> </apex:page>
you should wrap it around each input field saperately.
Best,
Nithesh
All Answers
Wrap the Input fields with
and add
under Line 1 (under apex:page).
Regarding the Navigate to New Event. Please see how the Save button acion is configured in the Controller.
One Major thing to note here, is lightningstylesheets="true" is still in beta. So, Dont keep much hopes on it yet.
Best,
Nithesh
I tried wraping the input fields with <div class="slds-m-vertical_x-small"> or even <p class="slds-m-vertical--large"> but it doesn't seem to be making an difference visually. Can you see anything else I may be doing wrong? Thanks
you should wrap it around each input field saperately.
Best,
Nithesh