Fórumok
header bar
Eric Devlin, módosítva 15 év-val korábban
header bar
Regular Member Bejegyzések: 154 Csatlakozás dátuma: 2008.02.19. Legújabb bejegyzések
Hey,
Does anyone know why portal-web/docroot/html/taglib/portlet/header_bar was removed? It seems like a really cool effect to have the controls fade in and out. I did see something about an issue with ie 6.
My users won't let me complete the upgrade from 4.2.2 to 4.4.2 until I've added it back. At least PortletHeaderBar is still in the javascript.
Thanks,
Eric
Does anyone know why portal-web/docroot/html/taglib/portlet/header_bar was removed? It seems like a really cool effect to have the controls fade in and out. I did see something about an issue with ie 6.
My users won't let me complete the upgrade from 4.2.2 to 4.4.2 until I've added it back. At least PortletHeaderBar is still in the javascript.
Thanks,
Eric
Eric Devlin, módosítva 15 év-val korábban
RE: header bar
Regular Member Bejegyzések: 154 Csatlakozás dátuma: 2008.02.19. Legújabb bejegyzések
Hey,
It seems that portal.js was reworked to use jquery, but not tested. Below are patches for
portal-web/docroot/html/js/liferay/portal.js
portal-web/docroot/html/themes/_unstyled/templates/portlet.vm
portal-web/docroot/html/themes/classic/css/portlet.css
portal-web/docroot/html/themes/brochure/css/portlet.css
Eric
********************************************************
--- /cygdrive/c/tmp/liferay/portal.js 2007-12-18 01:18:24.000000000 -0500
+++ portal.js 2008-05-27 08:53:25.491192500 -0400
@@ -107,12 +107,12 @@
var id = data.id;
var changed = false;
- var icons = jQuery("#portlet-header-bar_" + id + " .portlet-small-icon-bar");
+ var icons = jQuery("#" + id + " img");
if (PortletHeaderBar.mode[id] == "in") {
if (count <= 10) {
if (count >= 0) {
- icons.css({"opacity": (count/10), "display": ""});
+ icons.css("opacity", (count/10));
}
changed = true;
data.count++;
@@ -126,9 +126,6 @@
data.count--;
changed = true;
}
- else {
- icons.css("display", "none");
- }
}
return changed;
********************************************************
--- /cygdrive/c/usr/dev/liferay/portal/442/portal-web/docroot/html/themes/_unstyled/templates/portlet.vm 2007-12-18 02:17:34.000000000 -0500
+++ portlet.vm 2008-05-22 13:21:28.532671100 -0400
@@ -1,35 +1,41 @@
-#set ($portlet_display = $portletDisplay)
-
-#set ($portlet_id = $portlet_display.getId())
-#set ($portlet_title = $portlet_display.getTitle())
-#set ($portlet_content = $portlet_display.getContent())
-#set ($portlet_back_url = $portlet_display.getURLBack())
-
-<div class="portlet" id="portlet-wrapper-$portlet_id">
- <div class="portlet-topper">
- <span class="portlet-title">
- $theme.iconPortlet() $portlet_title
- </span>
-
- <div class="portlet-icons" id="portlet-small-icon-bar_$portlet_id">
- #if ($portlet_display.isShowBackIcon())
- <a href="$portlet_back_url" class="portlet-icon-back">#language ("return-to-full-page")</a>
- #else
- $theme.iconRefresh()
- $theme.iconPortletCss()
- $theme.iconConfiguration()
- $theme.iconEdit()
- $theme.iconEditDefaults()
- $theme.iconEditGuest()
- $theme.iconHelp()
- $theme.iconPrint()
- $theme.iconMinimize()
- $theme.iconMaximize()
- $theme.iconClose()
- #end
- </div>
- </div>
- <div class="portlet-content">
- $portlet_content
- </div>
-</div>
\ No newline at end of file
+#set ($portlet_display = $portletDisplay)
+
+#set ($portlet_id = $portlet_display.getId())
+#set ($portlet_title = $portlet_display.getTitle())
+#set ($portlet_content = $portlet_display.getContent())
+#set ($portlet_back_url = $portlet_display.getURLBack())
+
+<div class="portlet" id="portlet-wrapper-$portlet_id">
+ <div class="portlet-topper">
+ <span class="portlet-title">
+ $theme.iconPortlet() $portlet_title
+ </span>
+
+ <div class="portlet-icons" id="portlet-small-icon-bar_$portlet_id">
+ #if ($portlet_display.isShowBackIcon())
+ <a href="$portlet_back_url" class="portlet-icon-back">#language ("return-to-full-page")</a>
+ #else
+ <div class="portlet-header-bar"
+ id="portlet-header-bar_$portlet_id"
+ onmouseover="PortletHeaderBar.show(this.id)"
+ onmouseout="PortletHeaderBar.hide(this.id)"
+ >
+ $theme.iconRefresh()
+ $theme.iconPortletCss()
+ $theme.iconConfiguration()
+ $theme.iconEdit()
+ $theme.iconEditDefaults()
+ $theme.iconEditGuest()
+ $theme.iconHelp()
+ $theme.iconPrint()
+ $theme.iconMinimize()
+ $theme.iconMaximize()
+ $theme.iconClose()
+ </div>
+ #end
+ </div>
+ </div>
+ <div class="portlet-content">
+ $portlet_content
+ </div>
+</div>
********************************************************
--- /cygdrive/c/usr/dev/liferay/portal/442/portal-web/docroot/html/themes/classic/css/portlet.css 2008-05-27 14:40:49.168409700 -0400
+++ portlet.css 2008-05-27 14:14:24.288070500 -0400
@@ -43,6 +43,28 @@
top: 4px;
}
+.portlet-small-icon-bar {
+ padding-left: 2px;
+ position: absolute;
+ top: 2px;
+ right: 2px;
+}
+
+.portlet-header-bar {
+}
+
+.portlet-header-bar img {
+ opacity: 0;
+ zoom: 1;
+ filter: alpha(opacity = 0);
+}
+
+.portlet-header-bar * img {
+ opacity: 0;
+ zoom: 1;
+ filter: alpha(opacity = 0);
+}
+
.portlet-content {
background-position: left bottom;
padding: 10px 5px 25px 15px;
********************************************************
--- /cygdrive/c/usr/dev/liferay/portal/442/portal-web/docroot/html/themes/brochure/css/portlet.css 2008-05-27 14:04:49.555019300 -0400
+++ portlet.css 2008-05-27 12:36:37.516584900 -0400
@@ -43,6 +43,28 @@
top: 4px;
}
+.portlet-small-icon-bar {
+ padding-left: 2px;
+ position: absolute;
+ top: 2px;
+ right: 2px;
+}
+
+.portlet-header-bar {
+}
+
+.portlet-header-bar img {
+ opacity: 0;
+ zoom: 1;
+ filter: alpha(opacity = 0);
+}
+
+.portlet-header-bar * img {
+ opacity: 0;
+ zoom: 1;
+ filter: alpha(opacity = 0);
+}
+
.portlet-content {
background-position: left bottom;
padding: 10px 5px 25px 15px;
It seems that portal.js was reworked to use jquery, but not tested. Below are patches for
portal-web/docroot/html/js/liferay/portal.js
portal-web/docroot/html/themes/_unstyled/templates/portlet.vm
portal-web/docroot/html/themes/classic/css/portlet.css
portal-web/docroot/html/themes/brochure/css/portlet.css
Eric
********************************************************
--- /cygdrive/c/tmp/liferay/portal.js 2007-12-18 01:18:24.000000000 -0500
+++ portal.js 2008-05-27 08:53:25.491192500 -0400
@@ -107,12 +107,12 @@
var id = data.id;
var changed = false;
- var icons = jQuery("#portlet-header-bar_" + id + " .portlet-small-icon-bar");
+ var icons = jQuery("#" + id + " img");
if (PortletHeaderBar.mode[id] == "in") {
if (count <= 10) {
if (count >= 0) {
- icons.css({"opacity": (count/10), "display": ""});
+ icons.css("opacity", (count/10));
}
changed = true;
data.count++;
@@ -126,9 +126,6 @@
data.count--;
changed = true;
}
- else {
- icons.css("display", "none");
- }
}
return changed;
********************************************************
--- /cygdrive/c/usr/dev/liferay/portal/442/portal-web/docroot/html/themes/_unstyled/templates/portlet.vm 2007-12-18 02:17:34.000000000 -0500
+++ portlet.vm 2008-05-22 13:21:28.532671100 -0400
@@ -1,35 +1,41 @@
-#set ($portlet_display = $portletDisplay)
-
-#set ($portlet_id = $portlet_display.getId())
-#set ($portlet_title = $portlet_display.getTitle())
-#set ($portlet_content = $portlet_display.getContent())
-#set ($portlet_back_url = $portlet_display.getURLBack())
-
-<div class="portlet" id="portlet-wrapper-$portlet_id">
- <div class="portlet-topper">
- <span class="portlet-title">
- $theme.iconPortlet() $portlet_title
- </span>
-
- <div class="portlet-icons" id="portlet-small-icon-bar_$portlet_id">
- #if ($portlet_display.isShowBackIcon())
- <a href="$portlet_back_url" class="portlet-icon-back">#language ("return-to-full-page")</a>
- #else
- $theme.iconRefresh()
- $theme.iconPortletCss()
- $theme.iconConfiguration()
- $theme.iconEdit()
- $theme.iconEditDefaults()
- $theme.iconEditGuest()
- $theme.iconHelp()
- $theme.iconPrint()
- $theme.iconMinimize()
- $theme.iconMaximize()
- $theme.iconClose()
- #end
- </div>
- </div>
- <div class="portlet-content">
- $portlet_content
- </div>
-</div>
\ No newline at end of file
+#set ($portlet_display = $portletDisplay)
+
+#set ($portlet_id = $portlet_display.getId())
+#set ($portlet_title = $portlet_display.getTitle())
+#set ($portlet_content = $portlet_display.getContent())
+#set ($portlet_back_url = $portlet_display.getURLBack())
+
+<div class="portlet" id="portlet-wrapper-$portlet_id">
+ <div class="portlet-topper">
+ <span class="portlet-title">
+ $theme.iconPortlet() $portlet_title
+ </span>
+
+ <div class="portlet-icons" id="portlet-small-icon-bar_$portlet_id">
+ #if ($portlet_display.isShowBackIcon())
+ <a href="$portlet_back_url" class="portlet-icon-back">#language ("return-to-full-page")</a>
+ #else
+ <div class="portlet-header-bar"
+ id="portlet-header-bar_$portlet_id"
+ onmouseover="PortletHeaderBar.show(this.id)"
+ onmouseout="PortletHeaderBar.hide(this.id)"
+ >
+ $theme.iconRefresh()
+ $theme.iconPortletCss()
+ $theme.iconConfiguration()
+ $theme.iconEdit()
+ $theme.iconEditDefaults()
+ $theme.iconEditGuest()
+ $theme.iconHelp()
+ $theme.iconPrint()
+ $theme.iconMinimize()
+ $theme.iconMaximize()
+ $theme.iconClose()
+ </div>
+ #end
+ </div>
+ </div>
+ <div class="portlet-content">
+ $portlet_content
+ </div>
+</div>
********************************************************
--- /cygdrive/c/usr/dev/liferay/portal/442/portal-web/docroot/html/themes/classic/css/portlet.css 2008-05-27 14:40:49.168409700 -0400
+++ portlet.css 2008-05-27 14:14:24.288070500 -0400
@@ -43,6 +43,28 @@
top: 4px;
}
+.portlet-small-icon-bar {
+ padding-left: 2px;
+ position: absolute;
+ top: 2px;
+ right: 2px;
+}
+
+.portlet-header-bar {
+}
+
+.portlet-header-bar img {
+ opacity: 0;
+ zoom: 1;
+ filter: alpha(opacity = 0);
+}
+
+.portlet-header-bar * img {
+ opacity: 0;
+ zoom: 1;
+ filter: alpha(opacity = 0);
+}
+
.portlet-content {
background-position: left bottom;
padding: 10px 5px 25px 15px;
********************************************************
--- /cygdrive/c/usr/dev/liferay/portal/442/portal-web/docroot/html/themes/brochure/css/portlet.css 2008-05-27 14:04:49.555019300 -0400
+++ portlet.css 2008-05-27 12:36:37.516584900 -0400
@@ -43,6 +43,28 @@
top: 4px;
}
+.portlet-small-icon-bar {
+ padding-left: 2px;
+ position: absolute;
+ top: 2px;
+ right: 2px;
+}
+
+.portlet-header-bar {
+}
+
+.portlet-header-bar img {
+ opacity: 0;
+ zoom: 1;
+ filter: alpha(opacity = 0);
+}
+
+.portlet-header-bar * img {
+ opacity: 0;
+ zoom: 1;
+ filter: alpha(opacity = 0);
+}
+
.portlet-content {
background-position: left bottom;
padding: 10px 5px 25px 15px;
Mellékletek: