+ Start a Discussion
bharath kumar 52bharath kumar 52 

Add some html/vf content to community login page

Hi All,

I tried adding the below piece of code to   the communitieslogin  and sitelogin vf page . Tried several ways and went to help and solutions articles too but that doesn't help. Can someone please help me with adding html / vf tags to the vf page?
<apex:page id="loginPage" controller="CommunitiesLoginController" action="{!forwardToAuthPage}" title="{!$Label.site.site_login}">

 <!--Start - Added by bharath
Below are the lines of code i tried to add
-->
 <apex:outputPanel >
    <apex:outputtext value="For best experience use Google chrome"/>
    <a href="https://www.google.com/chrome/browser/desktop/index.html">Download Chrome</a>
    
    
    </apex:outputPanel> -->
          <!--End - Added by bharath-->

</apex:page>


================================
//Doesn't work in this either


<apex:page id="loginPage" showHeader="false" controller="SiteLoginController" title="{!$Label.site.site_login}">
  <apex:composition template="{!$Site.Template}">
    <apex:define name="body">  
      <center>
        <apex:panelGrid bgcolor="white" columns="1"> 
          <br/>
          <br/>
          <apex:panelGrid width="758" cellpadding="0" cellspacing="0" bgcolor="white" columns="1" styleClass="topPanelContainer"> 
            <br/>
            <apex:outputPanel layout="block" styleClass="topPanel">
              <apex:panelGrid width="758" cellpadding="0" cellspacing="0" bgcolor="white" columns="2"> 
                <apex:image url="{!URLFOR($Resource.SiteSamples, 'img/clock.png')}"/>
                <apex:panelGroup >
                  <br/>
                  <apex:outputText styleClass="title" value="{!$Label.site.login}"/>
                  <br/>
                  <c:SiteLogin id="siteLogin"/>
                  <br/>
                </apex:panelGroup>
              </apex:panelGrid> 
             </apex:outputPanel>
            <c:SitePoweredBy />
          </apex:panelGrid> 
          
          <!--Start - Added by bharath-->
   <!-- <apex:outputPanel rendered="{! IF(userAgent !='Chrome', true,false ) }">
    <apex:outputtext value="For best experience use Google chrome"/>
    <a href="https://www.google.com/chrome/browser/desktop/index.html">Download Chrome</a>
    
    
    </apex:outputPanel> -->
          <!--End - Added by bharath-->
          
       </apex:panelGrid>
      </center>
      <br/>
    </apex:define>
  </apex:composition>
</apex:page>

Thanks,
Bharath
karthikeyan perumalkarthikeyan perumal
Hello, 

what is the error or message you are getting ?could please share the output of this code. 
those piece of code work me well. 

or try below apex control.

<apex:outputLink value="https://www.google.com/chrome/browser/desktop/index.html">Download Chrome</apex:outputLink>


Thanks
karthik
 
bharath kumar 52bharath kumar 52
Hi Karthikeyan,

I am not getting any error message and i don't see any output as well. When i preview the page i am able to see the tags but the same is not visible in the main login page
karthikeyan perumalkarthikeyan perumal
Hello, 

use below updated code. its work well for me.. i added screenshot here . 


User-added image
 
<apex:page id="loginPage" showHeader="false" controller="SiteLoginController" title="{!$Label.site.site_login}">
  <apex:composition template="{!$Site.Template}">
    <apex:define name="body">  
      <center>
        <apex:panelGrid bgcolor="white" columns="1"> 
          <br/>
          <br/>
          <apex:panelGrid width="758" cellpadding="0" cellspacing="0" bgcolor="white" columns="1" styleClass="topPanelContainer"> 
            <br/>
            <apex:outputPanel layout="block" styleClass="topPanel">
              <apex:panelGrid width="758" cellpadding="0" cellspacing="0" bgcolor="white" columns="2"> 
                <apex:image url="{!URLFOR($Resource.SiteSamples, 'img/clock.png')}"/>
                <apex:panelGroup >
                  <br/>
                  <apex:outputText styleClass="title" value="{!$Label.site.login}"/>
                  <br/>
                  <c:SiteLogin id="siteLogin"/>
                  <br/>
                </apex:panelGroup>
              </apex:panelGrid> 
             </apex:outputPanel>
            <c:SitePoweredBy />
          </apex:panelGrid> 
          
          <!--Start - Added by bharath-->
   <apex:outputPanel >
    <apex:outputtext value="For best experience use Google chrome"/>
    <a href="https://www.google.com/chrome/browser/desktop/index.html">Download Chrome</a>
    
    
    </apex:outputPanel> 
          <!--End - Added by bharath-->
          
       </apex:panelGrid>
      </center>
      <br/>
    </apex:define>
  </apex:composition>
</apex:page>

hope this will work for you as well. 

mark it solved if its works. 

Thanks
karthik

 
bharath kumar 52bharath kumar 52
But it is not visible in the login page. I got the same in the preview. But if you give your community url to login then it doesn't.