...
Adding this to the calendar.css of the Calendar Portlet overrides that float and corrects the problem.
| Code Block |
|---|
/* Liferay-specific fix for calendar jQuery widget escaping its container */
.upcal-miniview .ui-datepicker-inline, .upcal-fullview .ui-datepicker-inline { float: none }
|
...
In Liferay, a version of JQuery and JQuery UI is already present and it doesn't work well for the portlet to include its own copy of these libraries. Fortunately, the portlet has a configuration parameter in portlet.xml to stop including its own copy of JQuery and JQuery UI.
| Code Block |
|---|
|
<!--
Set includeJQuery to true to explicitly import jQuery and
jQuery UI javascript libraries within the portlet. When true,
this setting will also cause the portlet to use jQuery's
noConflict feature in extreme mode.
This setting should be set to "true" for uPortal 3.1 and above,
and false for earlier uPortal versions or for Liferay.
-->
<preference>
<name>includeJQuery</name>
<value>false</value>
</preference>
|
...
| Code Block |
|---|
|
<c:if test="${includeJQuery}">
<script type="text/javascript" src="<rs:resourceURL value="/rs/jquery/1.3.2/jquery-1.3.2.min.js"/>"></script>
<script type="text/javascript" src="<rs:resourceURL value="/rs/jqueryui/1.7.2/jquery-ui-1.7.2.min.js"/>"></script>
</c:if>
<script type="text/javascript" src="<rs:resourceURL value="/rs/fluid/1.1.2/js/fluid-all-1.1.2.min.js"/>"></script>
|
Including Fluid CSS
...
Step 1: Link to fluid css resources.
- Navigate to and open the css.jsp file. This file is located in the Calendar portlet.
- Source Location: CalendarPortlet/trunk/src/main/webapp/WEB-INF/jsp/css.jsp.
| Code Block |
|---|
|
<c:set var="RESOURCE"><rs:resourceURL value="/rs"/></c:set>
<link rel="stylesheet" href="${RESOURCE}/fluid/1.1.2/fss/css/fss-layout.css" type="text/css"></link>
<link rel="stylesheet" href="${RESOURCE}/fluid/1.1.2/fss/css/fss-text.css" type="text/css"></link>
<link rel="stylesheet" href="<c:url value="/css/calendar.css"/>" type="text/css"></link>
|