function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
LinThawLinThaw 

SF calendar show in VF

Hi,

I want to show sf calendar in my vf page as a part.
Here is source I am trying.

Page1 
<apex:page >
    <style>
        #outer{
            overflow: hidden;
        }
        #inner{
            overflow: auto; 
            height: 600px;
            width: 600px;
        }
    </style>   
    <div id="outer">
        <div id="inner">
            <!-- some information here -->
            Hi
            <apex:include pageName="Page2" />
            Thanks
            <!-- some information here -->
        </div>
    </div>
</apex:page>

Page2 
<apex:page action="/00U/c?isdtp=vw">
</apex:page>

I want to insert Page2 (calendar page) to Page1 (calendar div).
But Its only show Page2 and not Page1 data.

Is there anyway to implement like that?

Thanks,
Regards,
LinThaw
 
Sukanya BanekarSukanya Banekar
Hi,
This is beacuse the send page is basically a link or action it will not display the 1st page information.
If you see below code, it will show text from 1 and 2nd page but in your case the 2nd page itself is a link to another page.
You can use outputpanel or iframe to load send page and try to load calender from javascript on load function. 
<apex:page id="thePage">
    <apex:outputText value="(page) This is the page."/><br/>
    <apex:include pageName="page2" />
</apex:page>
  
<!-- page2-->
<apex:page id="theIncludedPage">
	<apex:outputText value="(include) This is text from another page."/>
</apex:page>

Hope you this will help you to solve your problem

Thanks,
Sukanya Banekar
LinThawLinThaw
Thanks, Sukanya

I try with outputpanel in Page1 and onload js in Page2, but only calendar show.

Page1 
<apex:page >
    <style>
        #outer{
            overflow: hidden;
        }
        #inner{
            overflow: auto; 
            height: 600px;
            width: 600px;
        }
    </style>   
    
    <apex:outputPanel >
        <!-- some information here -->
        <apex:outputText value="Hi"/><br/>    
    </apex:outputPanel>
    
    <apex:outputPanel >
        <div id="outer">
            <div id="inner">                
                <apex:include pageName="Page2" />                
            </div>
        </div>
    </apex:outputPanel>
    
    <apex:outputPanel >
        <!-- some information here -->
        <apex:outputText value="Thanks"/><br/>
    </apex:outputPanel>
</apex:page>

Page2 
<apex:page >

<apex:includeScript value="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"/>

<script type="text/javascript">

    $( document ).ready(function() {
        window.open("/00U/c?isdtp=vw", "_self");
    }); 

</script>

</apex:page>

Have you any idea?

Regards,
LinThaw