function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
TonnisthaTonnistha 

Calendar on VF Page

Hi,

 

we have a requirement where we need to show Logged In User's calendar on a VF Tab(with activities on it).I tried with  CalendarSimple code share sample and on the VF page added a tag "<apex:stylesheet value="/sCSS/Theme/common.css " />" .But its only gave me a proper background but non of the functions are working on the page.(say - addEvent) and its showing some task on the calendar those are nowhere related to logged in user.

If any one can help that would be great.

 

 

Thanking you

Tonnistha

tonnisthasonia@gmail.com

DennisYZFDennisYZF

Take a look at our page - hope this helps (it uses the same controllers by Ron Hess)

 

<apex:page controller="repeatCon" id="thePage" action="{!Initialize}" showHeader="true">
<apex:sectionHeader title="Marketing Calendar"  />
<style>
    .WEB{ color: DarkBlue; font-weight: strong;}
    .CRM { color: GoldenRod; font-weight: strong;}
    .EMAIL{ color: DarkGreen; font-weight: strong;}
    .CREATIVE{ color: Red; font-weight: strong;}
    .TECH{ color: Black; font-weight: strong;}
    .Title { color: DodgerBlue; font-weight: strong;}
 td {  font-family:Verdana,Helvetica,sans-serif;          }
</style>    
<apex:form id="theForm">
      <apex:outputPanel id="theCalendar">
      <apex:pageBlock >
     <apex:pageBlockSection title="Filtering Options" columns="3" >

  <apex:selectCheckboxes border="1" title="Languages" value="{!countries}" >
                <apex:selectOptions value="{!itemsL}"/>
                </apex:selectCheckboxes>           

                <apex:selectCheckboxes title="Legal Entities"  border="1" value="{!countries2}">
                    <apex:selectOptions value="{!itemsE}"/>
                    </apex:selectCheckboxes>   
         
              <apex:commandButton value="Show All" action="{!Initialize}" rerender="theCalendar"  status="status" >
                <apex:commandButton value="Select" action="{!save}" rerender="theCalendar,out,theForm"  status="status" >
              </apex:commandbutton></apex:commandbutton>
              <apex:param name="q" value="{!$CurrentPage.parameters.countries}"/>
                <apex:actionstatus id="status" startText="     Filtering..." startStyle="color: Green;font-size:1.4em;">   
                   </apex:actionStatus>
</apex:pageblocksection>
</apex:pageblock>
<div class="bCalendar" >
            <table class="calendarMonthView" width="100%">
                <caption>
                <div class="calHeader">
                <apex:commandLink action="{!prev}"  rerender="theCalendar">
                     <img title="Previous Month" class="prevCalArrow" alt="Previous Month" src="/s.gif" />
                        </apex:commandLink>
            <apex:outputText value=" {!month.monthname} {!month.yearname}" style="color: Teal;font-size:1.4em;">  </apex:outputText>
                <apex:commandLink action="{!next}" rerender="theCalendar">
                    <img title="Next Month" class="nextCalArrow" alt="Next Month"
                        src="/s.gif" />
                </apex:commandLink></div>
                </caption>
                <tbody>
                    <tr class="headerRow"  >
                        <th scope="col" class="calDays">Sunday</th>
                        <th scope="col" class="calDays">Monday</th>
                        <th scope="col" class="calDays">Tuesday</th>
                        <th scope="col" class="calDays">Wednesday</th>
                        <th scope="col" class="calDays">Thursday</th>
                        <th scope="col" class="calDays">Friday</th>
                        <th scope="col" class="calDays">Saturday</th>
                    </tr>
                    <apex:repeat value="{!weeks}" var="wk" id="foreachWeek">
                        <tr>
                            <apex:repeat value="{!wk.days}" var="day" id="foreachday">
                                <td class="{!day.cssname}" height="100" valign="top">                               
                                <div class="date">
                                <a href="/00U/e?evt4={!month.monthname2}/{!day.dayofmonth}/{!month.yearname}&RecordType=01260000000Q1ps&retURL=apex/calendarPage?sfdc.tabName=01r60000000UHLd"
                                    title="Add Event - {!day.date}">
                                    <img src="/s.gif" alt="Add Event - {!day.date}" class="addNewEventIcon"
                                    title="Add Event - {!day.date}" /></a> <a href="/00U/c?md0={!month.yearname}&md3={!day.dayOfYear}"
                                    title="Day View - {!day.date}">{!day.dayofmonth}</a>
                                    </div>
                                <div><apex:repeat value="{!day.eventstoday}" var="v"
                                    id="foreachevent">                        
                                    <span class="event"></span>
                                    <a href="/{!v.ev.id}"> <apex:outputText value="{!v.ev.subject}"  styleClass="{!v.ev.CalendarColor__c}"    /> </a> <BR></BR>
                                     <apex:outputText style="font-size:0.8em;" value="{!v.ev.Legal_Entity__c} - " styleClass="{!v.ev.CalendarColor__c}" />                                   
                                    <apex:outputText style="font-size:0.8em;" value="{!v.ev.Language__c}" styleClass="{!v.ev.CalendarColor__c}" />
                                    <apex:outputText style="font-size:0.8em;" value=" - {!v.ev.Owner.Alias}" styleClass="{!v.ev.CalendarColor__c}" />
                                    <br><br></br></br>
                                    </apex:repeat>
                                </div>
                                </td>
                            </apex:repeat>
                        </tr>
                    </apex:repeat>
                </tbody>
            </table>
            </div>
        </apex:outputPanel>
    </apex:form>
    <div class="bCalendar" >
   
  Color Legend:
    <apex:panelGrid columns="2" id="theGrid" border="1" cellspacing="5" cellpadding="2" captionClass="date">
 
   <apex:outputText value="EMAIL" styleClass="EMAIL" />  
   <apex:outputText value="DarkGreen" styleClass="EMAIL" />  
    <apex:outputText value="TECH" styleClass="TECH" />  
   <apex:outputText value="Black" styleClass="TECH" />  
    </apex:panelGrid>
    </div>
 
</apex:page>