+ Start a Discussion
Bhuvanakruthi MudholeBhuvanakruthi Mudhole 

Create a visualforce page for lightning

Raj VakatiRaj Vakati
refer this link 
https://trailhead.salesforce.com/en/modules/lex_dev_visualforce/units/lex_dev_visualforce_intro
JayeeJayee
<apex:page controller="DreamhouseProspects" lightningStylesheets="true">
This lightningStylesheets="true" tag helps you to convert VF page to lightning but some doesnt gurantee of perfect conversion.
Venkateswarlu Marri 13Venkateswarlu Marri 13
Refer this link you are getting some idea regarding the vf page
https://trailhead.salesforce.com/en/modules/lex_dev_visualforce/units/lex_dev_visualforce_process
and the usage is this link
https://trailhead.salesforce.com/en/projects/workshop-lightning-programmatic/steps/programmatic-step-3
Ajay K DubediAjay K Dubedi
Hi Bhuvanakruthi,
Please mark as solve all previous questions.

firstly switch to Lightning Experience then reload your page.
Please try this code.

<apex:page standardController="Contact" lightningStylesheets="true">
    <div class="slds-scope">
        <apex:form styleClass="slds-form-element slds-size_2-of-2" >
            <apex:pageBlock >
                <apex:pageBlockSection title="Basic">
                    <apex:pageBlockSectionItem >
                        <apex:outputlabel value="Name: "/>
                        <apex:outputField value="{!Contact.LastName}">
                            <apex:inlineEditSupport event="ondblClick"/>
                        </apex:outputField>
                    </apex:pageBlockSectionItem>
                    
                    <apex:pageBlockSectionItem >
                        <apex:outputlabel value="Account Name: " />
                        <apex:outputField value="{!Contact.AccountID}">
                            <apex:inlineEditSupport event="ondblClick"/>
                        </apex:outputField>
                    </apex:pageBlockSectionItem>
                    
                    <apex:pageBlockSectionItem >
                        <apex:outputlabel value="Title: " />
                        <apex:outputField value="{!Contact.Title}">
                            <apex:inlineEditSupport event="ondblClick"/>
                        </apex:outputField>
                    </apex:pageBlockSectionItem>
                    
                    <apex:pageBlockSectionItem >
                        <apex:outputlabel value="Email: " />
                        <apex:outputField value="{!Contact.Email}">
                            <apex:inlineEditSupport event="ondblClick"/>
                        </apex:outputField>
                    </apex:pageBlockSectionItem>
                </apex:pageBlockSection>
            </apex:pageBlock>
        </apex:form>
    </div></apex:page>

Please let me know if you have any query.
Please mark it as best Answer if you find it helpful.

Thank You
Ajay Dubedi
Bhuvanakruthi MudholeBhuvanakruthi Mudhole
<apex:page standardController="YW_Solutions__c" > <apex:includeLightning /> <apex:pageBlock > <apex:pageBlockSection columns="2"> <apex:outputText label="Trench Work Details" value=""></apex:outputText> <apex:outputText label="Single Excavation Details" value=""></apex:outputText> <apex:outputField value="{!YW_Solutions__c.Excavated_Length_m__c}"/> <apex:outputField value="{!YW_Solutions__c.Total_Number_of_Open_Excavations__c}"/> <apex:outputField value="{!YW_Solutions__c.Backfilled_Length_m__c}"/> <apex:outputField value="{!YW_Solutions__c.Total_Number_of_Excavations_Backfilled__c}"/> <apex:outputField value="{!YW_Solutions__c.Reinstated_Length_m__c}"/> <apex:outputField value="{!YW_Solutions__c.Total_Number_of_Excavation_Reinstated__c}"/> </apex:pageBlockSection> </apex:pageBlock> </apex:page
Bhuvanakruthi MudholeBhuvanakruthi Mudhole
Can anybody pls help me convert this to lightening