Portlet header styles

Is there any way to have two portlet regions on the same page have 2 different styles?
The only thing I've found indicated that you could change the background. I'd also like to change the header and font colors as well.
Is this even possible?

the style is always on page level, not on region
level. so they are using the same style.
one workaround i can think of is to create a page
portlet of another page where you use the style that
you want to have and then add this page portlet to
the region. you need to make sure that you do no use
the style of the page where the portlet is rendered
in the page portlet options. this allows you to
enforce to display the style of the source page of
the page portlet.
I have already tried that and it doesn't work. Since portlet style is controlled at the page level the header and border colors for all portlets on the page are the same.

Similar Messages

Portlet header vs Page header

I'm working with a report that I have displayed in a portlet,
actually, the customization form is displayed in a portlet. I
want to display the resulting report in the same portlet, but
since that looks to be pretty difficult, I'm willing to settle
for showing it in a new page. But, I'd like to have the same
type of header on the report results page. If I set the user
interface for the report to have a header, the report
cutomization form will also have that interface inside the
portlet which just looks stupid. Can someone tell me how I can
get a different interface, or at least a different header, or no
header, on a report customization form in a portlet while having
a header on the report itself in its own page?
I'd appreciate any thoughts that someone has on this.
Nate Baxley

The page style allows you to define only one color for the portlet header. You could try adding some HTML portlets to your page that override the style used for the portlet header.
Regards,
Jerry

Portlet header worries

Hi everybody!
I have two regions side by side.
In the left region i have a portlet.
In the right region i have another portlet containing some images.
When I edit the region for the left portlet, and take away the "show portlet headers", the left region jumps up above the right region - they are no longer side by side
What can I do to keep my regions side by side while at the same time, taking away the portlet headers?
Regards
Joel Sobovitch

Thanks for your help Christian.
The two alternatives you provided didn't fix my problem.
However, I changed the header color to white in my main style so the header is now invisible and I can keep the portlet header in the region which solves my problem (in the short term). I am wondering though, in the right region, it contains a number of tabs, which in turn contain images, and I wonder if the tabs maybe are causing the problem.
regards
Joel

Portlet Header Color

Hi All,
I want to know , how to change the style of a page so that each Portlet can be displayed with his own Portlet Header color but not with the default
Portlet Header color of the page:
Is this possible?
Thanks in advance
null

The page style allows you to define only one color for the portlet header. You could try adding some HTML portlets to your page that override the style used for the portlet header.
Regards,
Jerry

Customize portlet header

Hi everybody,
i use Portal 902.
i just customized the color header of my portlet, i chose a non preset color by specifying the hexdecimal value i need.
I want now to define the rounded edge corner style for my portlet header. But of course the right and left images are not define so i created them and put it on the %ORACLE_HOME%/portal/images directory of my instance.
It seems like my images doesn't exist.
I think i must register my image but how?
Is anybody know how to ?
I will appreciate any help.
Thanks
bye
Florent

Hi,
Please check the following article: http://technet.oracle.com:89/ubb/Forum70/HTML/000965.html
Hope this helps.
Regards,
Jatinder

RH 9, MS Word, Heading styles messing up my mini TOC

I must be doing something wrong. :-)
I have done many Word to RH projects. All the same look and feel. I include a mini TOC at the top of my topics, (which are actually book chapters). Now, however, my mini TOCs have no contents in them, and the reason is that my headings are not called "Heading 1, Heading 2" etc, which is what RH requires for mini TOCs. My heading styles came in as "WD_Heading1, WD_Heading2" etc.
I do not know why they came in like that. I imported the Word files as I always do. I tried renaming the headings styles, but no go.
What up wit this? Please advise. Thanks!

Yes, I was doing something wrong.
During import of the MSWord doc, I forgot to make sure each Word Document paragraph style was mapped to a RoboHelp Style in the drop-down list. A simple step.
You know, I don't remember having to do this before. I believe the Robohelp style (Heading 1, Heading 2, etc.) was selected by default. Perhaps because I was using a previous proejct as a template.
Well I am happy to answer my own question for anyone else who runs into this problem. It is not too gratifying, however, as it feels like scoring a goal on your own goalie.

Heading style is suddenly no longer applied in RH8

My colleague has been using a custom header style with no problems. The other day, the style is suddenly no longer applied in preview.
The project and styled text appear as they should on my computer, but not his.
Coincidentally, an upgrade to Explorer 7 was made prior to the new issue, but not sure why that impacts the preview, and the upgrade doesn't impact the project appearance on my computer.
Does he need to reinstall Robohelp to fix this issue?
Just in case, the style is:
P.01ProcessHeading {
font-weight: bold;
font-style: normal;
margin-bottom: 12pt;
margin-left: 0in;
border-bottom-style: Ridge;
font-size: 18pt;
color: #000000;
border-bottom-width: 2px;
border-bottom-color: #db281c;
font-family: Arial;
The HTML of the styled text is:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="Adobe RoboHelp 8" />
<title>01 Adding Allergens</title>
<link rel="StyleSheet" href="..\..\default.css" type="text/css" />
</head>
<body>
<?rh-script_start ?><script src="../../ehlpdhtm.js" type="text/javascript"
        language="JavaScript1.2"></script><?rh-script_end ?>
<p class="01ProcessHeading">Topic Title     <a
href="02_Topic_title.htm"><img src="..\..\notepage.png" alt=""
           style="border: none;" width="16"
           height="18" border="0" /></a></p>
I wondered if charset=utf-8 might be a problem - mentioned on another forum topic, http://forums.adobe.com/message/1937722#1937722

Hi,
The name of the style starts with numbers. This is invalid CSS and is causing the problems. The best solution is to rename the style (don't use numbers if you can avoid it) and use a find and replace operation to correct the style in your project. (Make a backup first).
Search for all class="01ProcessHeading" and replace it with class="MyNewName".
You can validate your css by using the free W3C CSS validator: http://jigsaw.w3.org/css-validator/
Greet,
Willam
This e-mail is personal. For our full disclaimer, please visit www.centric.eu/disclaimer.

Heading style customizations not reflected in HTML Help file

I wanted to share a solution I found for a problem with heading styles. I am using RoboHelp 9 for Word with Office 2010 and generating an HTMLHelp .chm file. When I migrated from Office 2003 to 2010 and RoboHelp 8 to 9, I customized the RoboHelp.docm template file to change the heading styles to have an orange border line over the header. (I had made the customizations in RH 8 for Word, but couldn't transfer the customization to the new template, so I did it by hand). The border line came out black in the header file in most of my topics in the .chm help file. I found one Word doc had topics with the orange line displayed correctly in the help and discovered that that heading style had Style Type = Linked, so I went to each of my Word docs and changed my Heading 1 style to use that style type and it fixed it for all my heading styles.
In Word 2010, you can change this from the Home tab, Styles ribbon. Rt-click on the Heading 1 style and choose Modify. In the Modify Style dialog set Style type to Linked (paragraph and character).

Thanks for sharing!
Greet,
Willam

Different data_table header styles

I am trying to use different styles for the column headings in a data_table. Specifically, I want some of the headings to be leftt aligned, some right aligned and some to be centred.
I can do this for the data in the columns by using a list of styles in the "columnClasses" attribute, but the "headerClass" attribute applies to all headers.
The header facets for the column contain a <h:panel_group> as the header is composed of some static text and a couple of buttons.
I have tried using a "styleClass" attribute on the panel_group. This results in a <span> HTML element being generated with the required style class but it does not seem to effect the text alignment.
Any suggestions would be appreciated.
Code is included below.
<%-- GroupList.jsp --%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<f:view>
<html>
<head>
<title>Archive</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<h:form id="groupList">
<h:commandButton id="first"
action="#{GroupListBean.first}"
immediate="false"
value="<<"
type="SUBMIT"/>
<h:commandButton id="previous"
action="#{GroupListBean.previous}"
immediate="false"
value=" < "
type="SUBMIT"/>
<h:commandButton id="next"
action="#{GroupListBean.next}"
immediate="false"
value=" > "
type="SUBMIT"/>
<h:commandButton id="last"
action="#{GroupListBean.last}"
immediate="false"
value=">>"
type="SUBMIT"/>
<h:dataTable id="table"
binding="#{GroupListBean.data}"
     rows="10"
value="#{GroupListBean.fullList}"
var="group"
columnClasses="group-list-column-1, group-list-column-2,
group-list-column-3, group-list-column-4"
footerClass="group-list-footer"
headerClass="group-list-header"
rowClasses="group-list-row-even, group-list-row-odd"
styleClass="group-list-background">
<f:facet name="header">
<h:outputText value="Backup Groups"/>
</f:facet>
<h:column>
<f:facet name="header">
<h:panelGroup>
<h:outputText value="Group Id"/>
<h:commandButton id="sortGroupIdA"
action="#{GroupListBean.sortGroupIdA}"
immediate="false"
image="images/Up16.gif"
/>
<h:commandButton id="sortGroupIdD"
action="#{GroupListBean.sortGroupIdD}"
immediate="false"
image="images/Down16.gif"
/>
</h:panelGroup>
</f:facet>
<h:outputText value="#{group.groupId}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:panelGroup styleClass="group-list-header-2">
<h:outputText value="Group Name"/>
<h:commandButton id="sortNameA"
action="#{GroupListBean.sortNameA}"
immediate="false"
image="images/Up16.gif"
/>
<h:commandButton id="sortNameD"
action="#{GroupListBean.sortNameD}"
immediate="false"
image="images/Down16.gif"
/>
</h:panelGroup>
</f:facet>
<h:outputText value="#{group.name}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:panelGroup styleClass="group-list-header-3">
<h:outputText value="Creation Date"/>
<h:commandButton id="sortTimestampA"
action="#{GroupListBean.sortTimestampA}"
immediate="false"
image="images/Up16.gif"
/>
<h:commandButton id="sortTimestampD"
action="#{GroupListBean.sortTimestampD}"
immediate="false"
image="images/Down16.gif"
/>
</h:panelGroup>
</f:facet>
<h:outputText value="#{group.timestamp}">
<f:convertDateTime dateStyle="long"/>
</h:outputText>
</h:column>
<h:column>
<f:facet name="header">
<h:panelGroup>
<h:outputText value="Restore"/>
<h:commandButton id="sortSelectedA"
action="#{GroupListBean.sortSelectedA}"
immediate="false"
image="images/Up16.gif"
/>
<h:commandButton id="sortSelectedD"
action="#{GroupListBean.sortSelectedD}"
immediate="false"
image="images/Down16.gif"
/>
</h:panelGroup>
</f:facet>
<h:selectBooleanCheckbox value="#{group.selected}"/>
</h:column>
<%--
--%>
</h:dataTable>
</h:form>
</body>
</html>
</f:view>
.group-list-background {
background-color: #ffffff;
border-collapse: collapse;
font-family: sans-serif;
font-size: 12pt;
padding: 10px;
width: 90%;
.group-list-column-1
text-align: center;
width: 15%;
.group-list-column-2
text-align: left;
width: 50%;
.group-list-column-3
text-align: right;
width: 20%;
.group-list-column-4
text-align: center;
width: 15%;
.group-list-footer {
background-color: #A5A5A5;
color: #000000;
font-weight: bold;
text-align: center;
.group-list-header {
background-color: #ffffff;
color: #000000;
text-align: centre;
.group-list-header-2
text-align: left;
.group-list-header-3
text-align: right;
.group-list-row-even {
.group-list-row-odd {
background-color: #dddddd;

I am trying to use different styles for the column
headings in a data_table. Specifically, I want some of
the headings to be leftt aligned, some right aligned
and some to be centred.
I can do this for the data in the columns by using a
list of styles in the "columnClasses" attribute, but
the "headerClass" attribute applies to all headers.I'm having the same problem, but it gets much worse than what you described.
I'm have an arbitrarily deep tree structure I've retrieved from my backing bean, and I want to display it in a data table. Each node has a label and maybe a description, for example.
1. The first problem is how to give the node's label a different style than the other node information. Semantically the <th> element is ideal. The problem, however, is that I can't generate a header for a node's label, because the list of nodes itself is being generated. That is, if I use:
<html:dataTable value="#{tree.nodeList}" var="node">
     <html:column>
     <jsf:facet name="header">
          <html:outputText value="#{node.label}" />
     </jsf:facet>Nothing gets put inside the header, as the node is being iterated. This means I have to resort to a crummy hack of nesting a table inside a table for the children:
<html:dataTable value="#{tree.nodeList}" var="node">
     <html:column>
          <html:dataTable value="#{node.nodeList}" var="childNode">
               <html:column>
                    <jsf:facet name="header">
                         <html:outputText value="#{node.label}" />
                    </jsf:facet>
                    <html:dataTable>
                         <html:column>
                              <jsf:facet name="header">
                                   <html:outputText value="#{childNode.label}" />
                              </jsf:facet>
                         </html:column>
                    </html:dataTable>
               </html:column>
          </html:dataTable>
     </html:column>
</html:dataTable>The hack gets uglier (than the useless outermost table), because if you'll notice, to show a label of a child node as a header, I have to put another nested dummy table in my page.
2. Now that I've managed to generate <th> (with a hack), where do I put other information about the node? If I put it in the enclosing table, it shows up before the node's label (in the <th> of the enclosed table). If I put it in the enclosed table, it will be repeated for each child node enumerated! Therefore, I'm forced to put it in the header facet of the enclosed table.
3. Now that I'm stuck with putting all the parent node information in a child table's headers, how do I show different header styles? (This is the limitation you mentioned.) I may, for instance, want to show the node's label, the node's description, and other important information about the node.
4. I can skip this whole <th> mess (reluctantly, because I want to specify <th> semantics by actually using <th>) by just putting everything in normal <td> elements. But this doesn't result in multiple rows like a <th> would.
5. What if each of my nodes wants to specify its own style? I can put a styleClass attribute on an <html:outputText>, but as was already mentioned, this results in a <span> style---not a style of the entire row!
6. If, miraculously, after hours I'm able to randomly get the right combination that will give me a styled header for each node and a sub-table of child-nodes, how do I do recursion? (Remember, my tree is arbitrarily deep.)
7. I could use the JSTL iteration elements and generate my own table, but I've heard rumors that JSTL and JSF don't play will together. What do I do when I want to generate some JSF action within this JSTL-generated table? Can I really just drop a JSF component inside a JSTL iteration?
JSF's dataTable seems nice in a book example, with a single-depth list of something from a database, with static headers, with alternating color styles. But trying to do something in the real world (few things are more fundamental in computer science than a tree structure) quickly seems to throw up all sorts of walls. Maybe I'm missing something really easy, here---any tricks are appreciated.
Garret

DOC should be a normal Word document and we should be able to define the header style

Hi Team,
We are facing a issue with the pre assigned headers assigned by Adobe acrobat Pro Xl.
Our actual requirement is as follows:
1. As we convert a PDF to DOC there shouldn't be any pre assigned headers (header levels defined).
2. DOC should be a normal Word document and we should be able to define the header style.
We have tried working out on the same but nothing is going our way.
We tried couple of step which are as follows:
1. Deleting pre assigned TAG's.
2. Clearing headers with the help of Touch Up Reading Order Tool (TURO).
Request you to kindly revert on the same.

1. As we convert a PDF to DOC there shouldn't be any pre assigned headers (header levels defined).
You cannot control how Acrobat creates the word file.
2. DOC should be a normal Word document and we should be able to define the header style.
The word file is a normal Word document file. You may wish it was designed for it to be easiest to edit. Acrobat is making a Word file to most reliably resemble the original pdf file. I have no trouble creating any header style I want. The text in the header frequently consists of text boxes. Acrobat does this to insure accurate representation of the pdf file.

Removing customization link from portlet header.

Hi,
Could u suggest me out of the 2 ways to remove customization link from portlet header.I am using the default stock prices portlet in my page.
Where and how should i change the provider.xml file.
If not this how can I setShowEdit(False) which is one of the methods in MutablePortlet interface.How can i find this code related to Stock portlet.I mean where can we have access this code where the provider API's are used for some of the readymade portlets that oracle provides.
I am using release 1 of oracle portal.
Thanx
Vipul

Hi,
I see two things that you could try :
first try to set the security level at the portlet level, then allow users to display your portlet, not to customize it. I know it's possible with tabs, maybe it can apply to you.
Else you also can modify the package of your portlet (or the provider.xml file if it's not the package). You should read the pl/sql code and find the variable concerning the customization link in the rendering part. It may be set to 'tru', just set it to 'false' and recompile.
I've done it when installing some portlets and it works : that way I could translate the portlet in franch, remove the help link, remove the detail link, and so on...
Hope this helps,
Gael.

How to add links to portlet header ?

I want to add a print link to the portlet header, along with Customize, Help, About etc
Is there any way to do this ? (Using PDK, java or pl/sql)

Andrew,
From web providers' perspective, you should be able to do this. Constructing the portlet header involves constructing the title link & then adding the action parameter links for all the modes that have been enabled using the provider.xml. The title part is constructed by the method renderTitle() in oracle.portal.provider.v2.render.DefaultContainerRenderer while action parameters (i.e. "Customize","help" etc) are rendered by renderActions(). This method internally invokes renderAction() which by default would render the locale specific text for that mode. So to fulfil your requirement you will have to create your own Container Renderer by extending the DefaultContainerRenderer and overriding the method renderActions() to incorporate one more link on the header.
Having said that, all the links on the portlet header are mapped to a unique mode. I don't think that you should be creating a new mode for this (would involve extending a lot of JPDK framework classes), but am not aware of how the flow will happen once the "print' is clicked by the user. Perhaps, JPDK gurus can throw some light on this.
Regards,
Abhinav

Portlet Header action Refresh

I have created my first JSR-168 portlet and consumed it in the JSF page. Everything looks good with my AJAX stuff except my JavaScript does not get called when clicking on the "Refresh" action from the portlet header menu. My portlet calls the JavaScript when the page loads. It works correctly when I reload the entire page as well. However, when I use the portlet header to refresh, the script does not get called, and therfore, does not dispaly HTML content. What am I missing? Is there somewhere I need to tell in the code to call particular JavaSriipt for this action?

I have JavaScript triggered by the onLoad event. Whatever the "Refresh" action triggers, I need to kick off my JavaScript the same way as onLoad event. I just do not know where to make the connection between refresh action and my JavaScript call to the onLoad event.

Portlet header

I have created my first JSR-168 portlet and consumed it in the JSF page. Everything looks good with my AJAX stuff except my JavaScript does not get called when clicking on the "Refresh" action from the portlet header menu. My portlet calls the JavaScript when the page loads. It works correctly when I reload the entire page as well. However, when I use the portlet header to refresh, the script does not get called, and therfore, does not dispaly HTML content. What am I missing? Is there somewhere I need to tell in the code to call particular JavaSriipt for this action?

I have JavaScript triggered by the onLoad event. Whatever the "Refresh" action triggers, I need to kick off my JavaScript the same way as onLoad event. I just do not know where to make the connection between refresh action and my JavaScript call to the onLoad event.

Changing Portlet header text dynamically

I trying to change the Portlet header text depending on the value of a selected page parameter. e.g. I selected the FTSE 100 stocks link on a page and I want the portlet to display the list of stocks and the banner to say "FTSE 100" similarly if I pick the NASDAQ link I want the same portlet to list the NASDAQ stocks and the banner to say "NASDAQ". I have the stocks changing using dynamic pages and page parameters but I can't seem to get at the portlet banner title variable. I working on the latest portal release.

Hi Lisa,
It just so happens that the "Portlet Wizard" in JDeveloper creates the default edit view to modify the page title. Here is the code it created:
<pre>
// Get the PortletRenderRequest and Writer
PortletRenderRequest pr = (PortletRenderRequest)request.getAttribute(HttpCommonConstants.PORTLET_RENDER_REQUEST);
PrintWriter out = pr.getWriter();
// Display a greeting
String userName = pr.getUser().getName();
out.println("<p>Hello " + userName + ".</p>");
out.println("<p>This is the <b><i>Edit</b></i> render mode!</p>");
// Customize the portlet title
String actionParam = PortletRendererUtil.getEditFormParameter(pr);
String action = request.getParameter(actionParam);
String title = pr.getParameter("filebrowse_title");
NameValuePersonalizationObject data = null;
try
data = (NameValuePersonalizationObject)PortletRendererUtil.getEditData(pr);
catch(AccessControlException ae)
throw new ServletException(ae);
catch(PortletNotFoundException pnfe)
throw new ServletException(pnfe);
// Cancel automatically redirects to the page, so
// will only recieve OK or APPLY
if (action != null)
data.setPortletTitle(title);
try
PortletRendererUtil.submitEditData(pr, data);
catch(AccessControlException ae)
throw new ServletException(ae);
return;
// Otherwise just render the form
title = data.getPortletTitle();
out.println("<table border='0'><td width='20%'>");
out.println("<p align='right'>Title:</p></td><td width='80%'>");
out.println("<input type='TEXT' name='filebrowse_title' value='" + title + "'>");
out.println("</td></table>");
</pre>
I hope this helps!!!
-Sean

Portlet header styles

Similar Messages

Maybe you are looking for