Sign Up ›
  • pu 7
  • NEWBIE
  • 0 Points
  • Member since 2017
  • Chatter
    Feed
  • 0
    Best Answers
  • 0
    Likes Received
  • 0
    Likes Given
  • 3
    Questions
  • 1
    Replies
3 replies

VF page Showing Different view on site.com

Hi All,

I facing an issue with my VF page in which I have used slds for styling. When I tried to preview the page from VF page it shows fine but when using same VF page on site and tried to preview it as admin it shows diffrent styling.

<apex:page  showheader="false" sidebar="false"  standardStylesheets="false" applyHtmlTag="false" lightningStyleSheets="true" applyBodyTag="false" docType="html-5.0" id="leadcaptureform" >
    <html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" lang="en">
        <head>
            <apex:slds />
        </head>
        
        <body>
            <apex:image id="theImage1" value="{!$Resource.Test}" width="150" height="40" alt="abc" style=""/>
            <div class="slds-scope">
                <div class="slds-page-header" style="background-color:green;">
                    <div class="slds-align_absolute-center" style="background-color:green;height:60px;">
                        <apex:image id="theImage" value="{!$Resource.Test}" width="150" height="40" alt="ttt" style=""/>
                    </div>
                </div>      
            </div>
        </body>
    </html> 
</apex:page>


User-added image
Although It must show as per below screenshot.

User-added imageSame scenario when I implemented in my dev org it is working fine and showing page fine on site as well but in sandbox it is not behaving as expected.

Please suggest anything which I'm missing. Thanks in advance.
  • February 14, 2019
  • Like
  • 0
1 replies

how to identify in lightning component tha user is in lightning mode or classic view.

Hi,

I'm creating a lighting componet that I will use this component on Vf page in classic and in lightning. I'm creating links that should work as per the view.

How can I identify in lightning component tha user is in lightning mode or classic view.?
  • October 06, 2017
  • Like
  • 0
1 replies

creating custom approval list llightning component and need to use the standard approve Reject functionality of lightning.

Hi,

I'm working on a project in which I need to customize the Items to approve list(i.e Approval Items) which shows on Home page. I want to create Approve/Reject and Reassign link and want that it whould work as per the standard functionality of lightning view. As per standard functionality I want that in lightning component it will open modal dialog box. Can you please suggest me how we can achiveve it.

Below is the way in which standard functionality behave.

User-added image

User-added image

I have created the component but not getting hot to create approve, reject and Reassign link that behave in same way as standard link.

User-added image
Please suggest me allthe possible way to do it and also guide me how I can Identify using code that we are in lightning mode or classic mode so that I can modify the links and use the lightning component in Classic VF page and in Lightning.

Thanks in advance.
  • October 06, 2017
  • Like
  • 0
3 replies

VF page Showing Different view on site.com

Hi All,

I facing an issue with my VF page in which I have used slds for styling. When I tried to preview the page from VF page it shows fine but when using same VF page on site and tried to preview it as admin it shows diffrent styling.

<apex:page  showheader="false" sidebar="false"  standardStylesheets="false" applyHtmlTag="false" lightningStyleSheets="true" applyBodyTag="false" docType="html-5.0" id="leadcaptureform" >
    <html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" lang="en">
        <head>
            <apex:slds />
        </head>
        
        <body>
            <apex:image id="theImage1" value="{!$Resource.Test}" width="150" height="40" alt="abc" style=""/>
            <div class="slds-scope">
                <div class="slds-page-header" style="background-color:green;">
                    <div class="slds-align_absolute-center" style="background-color:green;height:60px;">
                        <apex:image id="theImage" value="{!$Resource.Test}" width="150" height="40" alt="ttt" style=""/>
                    </div>
                </div>      
            </div>
        </body>
    </html> 
</apex:page>


User-added image
Although It must show as per below screenshot.

User-added imageSame scenario when I implemented in my dev org it is working fine and showing page fine on site as well but in sandbox it is not behaving as expected.

Please suggest anything which I'm missing. Thanks in advance.
  • February 14, 2019
  • Like
  • 0