2 Replies Latest reply on Mar 16, 2011 3:00 AM by adrisalarfdez

    RF4.0.0.CR1 - Calendar customization

    adrisalarfdez Newbie

      Hello,

      we need to customize the calendar cells like we did with RF3.3.3.

       

      We have upgraded to RF4.0.0.CR1 because our requirements force us to use JSF2.0 and we get some errors by getting compatibility JSF built-in Facelets with RF3.3.3.

       

      I saw this Migration Guide that has an important note in the tag calendar:

       

       

      Markup customization using Facets/client substitutions not implemented for Final and will be redesigned.

       

      With RF3.3.3 we had this code (the same of the example of Organizer Creation Live Demo of exadel):

       

      <rich:calendar ...>
           <a4j:outputPanel layout="block" id="cell"
                style="height: 100%;" styleClass="richCalendar-cell">
                <div><h:outputText value="{day}" style="align:center"/></div>
                <div>&#xA0;</div>
                <div><h:outputText value="{data.shortDescription.escapeHTML()}" /></div>
                <div class="desc"><h:outputText value="{data.description.escapeHTML()}" /></div>
           </a4j:outputPanel>
      </rich:calendar>


      and now this is not working.

       

      Please, we need this working soon!! Any idea to make it as soon as possible?? It has to be on production in a few days.

      Thank you!

      <rich:calendar
                                          value="#{cachePrecioCalendario.selectedDate}"
                                          popup="false"
                                          showApplyButton="false"
                                          cellWidth="50px"
                                          cellHeight="50px"
                                          showWeeksBar="false"
                                          dataModel="#{calendarDataModel}"
                                          oncurrentdateselected="if(event.rich.date){$('cargando').style.display='block';ajaxCalendar();}"
                                          id="richCalendar"
                                          currentDateChangeListener="#{calendarDataModel.valueChanged}"
                                          showFooter="false">
                                          <a4j:outputPanel layout="block" id="cell"
                                              style="height: 100%;" styleClass="richCalendar-cell">
                                              <div id="d{day}m{month}y{year}"><h:outputText value="{day}" style="align:center"/></div>
                                              <div>&#xA0;</div>
                                              <div><h:outputText
                                                  value="{data.shortDescription.escapeHTML()}" /></div>
                                              <div class="desc"><h:outputText value="{data.description.escapeHTML()}" /></div>
                                          </a4j:outputPanel>
                                      </rich:calendar>