How to apply different styles to Portlets on the same Portal page?

How do you apply different styles to Portlets on the same Portal page?
I'm new to this kind of thing, but understand that something called "cascading style sheets" can help here?
What are these, how do you use them, and can you make different Portlets (all types - PL/SQL, Java, Applications, etc) on the same Portal page have different styles assigned?
Thanks!

Jeff,
Apply Oracle Portal styles at the region level. Your portlets within each region will inherit the style defined for the region.
You may want to check out Report #40050 at portalcenter.oracle.com, "Design an Attractive and Compelling Portal Interface" for a good overview of the various design features of Oracle Portal.
Here is the link:
http://portalcenter.oracle.com/pls/ops/docs/FOLDER/COMMUNITY/OTN_CONTENT/MAINPAGE/OWSF_2003_PAPERS/40050_STOVER.PDF
Regards,
Jay

Similar Messages

Order of execution of JPDK Portlets inside the same Portal Page

We have 2 Sample JPDK Portlets from the same provider on our page
- A LoginPortlet that accepts the username and Password
- A Welcome Bin Portlet that shows the logged in user's details
Once the user enters username and password in the LoginPortlet, we authenticate the user and set his username and other details in the 'ProviderSession'.
Further, in the Welcome Bin Portlet, we access the username and other details of the user from the 'ProviderSession' and display.
Though this solution seems to be working most of the time, we have an issue at times when the Welcome Bin Portlet executes before the LoginPortlet and hence is unable to fetch the userName and other details which are not yet set in the 'ProviderSession'. Hence, wanted to know if there is an execution order that we can enforce on the Portlets in a Portal Page, so that we can mandate that LoginPortlet Rendering shall happen before WelcomeBinPortlet Rendering.
Further, had it been a JSR168 Portlet, I understand that we could set the details over to the 'ProviderSession' in the 'ProcessAction' method of the LoginPortlet, which for sure gets executed before the Rendering of all the portlets. Is there a similar way or a hack while using JPDK?

The Private Event Submission sample portlet shows how to achieve this. It is part of the PDK download.
Peter

How to apply different styles to multiple spry accordian panels?

Hi all,
I have a website that I'm building that has multiple spry accordian features on it.
I am trying to apply different styles to each accordian. A problem arises when I try to place an accordian within another accordian.
I have styled two different background images for two of the accordians for the styles (AccordionPanelTab, AccordionPanelTabHover and AccordionPanelOpen AccordionPanelTabHover) which work fine.
When I try and place an accordian within another accordian the background image for this accordian for the styles (AccordionPanelTab and AccordionPanelOpen AccordionPanelTabHover) has the different style applyed that I stated in the accordion.css file, however the style (AccordionPanelTabHover) has the same style as the accordian it is within even though in the accordion.css file I stated a different background image.
I hope all this makes sence below is my source and CSS Code.
I appriciate any help that can be given to help resolve this issue I am running in too.
Source Code
<div id="content">
<p><span class="first_header_word_packages">Welcome</span> <span class="header_word_packages">to our packages page</span></p>
<p class="content_txt">Here you can build the website package that matches your business needs as well as being able to work out the cost of your site without having to worry about scary hidden costs at a later date.</p>
<p class="content_txt"> We have two packages available for our customers;</p>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
   <p>Text Goes Here</p>
    <div id="Accordion2" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
    <p>Text Goes Here</p>
    </div>
</div>
</div>
    </div>
</div>
</div>
<div id="Accordion3" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
         <p>Text Goes Here</p>
      <div id="Accordion4" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
    <div class="AccordionPanelTab"></div>
    <div class="AccordionPanelContent">
     <p>Text Goes Here</p>
    </div>
</div>
</div>
    </div>
</div>
</div>
</div>
CSS
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
          border-left: solid 1px gray;
          border-right: solid 1px black;
          border-bottom: solid 1px gray;
          overflow: hidden;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
          margin: 0px;
          padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
          background-color: #CCCCCC;
          border-top: solid 1px black;
          border-bottom: solid 1px gray;
          margin: 0px;
          padding: 2px;
          cursor: pointer;
          -moz-user-select: none;
          -khtml-user-select: none;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
          overflow: auto;
          margin: 0px;
          padding: 0px;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
          background-color: #EEEEEE;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
          color: #555555;
.AccordionPanelOpen .AccordionPanelTabHover {
          color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
          background-color: #3399FF;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
          background-color: #33CCFF;
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg1.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/package_spry_tab_bg1_RO.png);}
#Accordion2 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry1.png);}
#Accordion2 .AccordionPanelTabHover,
#Accordion2 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/packages_spry1_ro.png);}
#Accordion3 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg2.png);}
#Accordion3 .AccordionPanelTabHover,
#Accordion3 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/package_spry_tab_bg2_RO.png);}
#Accordion4 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry2.png);}
#Accordion4 .AccordionPanelTabHover,
#Accordion4 .AccordionPanelOpen .AccordionPanelTabHover {
background:url(../images/packages_spry2_ro.png);}

Okay guys,
I figured it out, if anyone was having the same problem as me and looking on this thread for the answer, here it is.
Firstly if you're wanting to seperatly style two or more Spry Accordions that are not within each other e.g.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
</div>
</div>
</div>
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
</div>
</div>
</div>
You don't have to do this, as long as you have seperate ID's for the divs (which dreamweaver automatically does anyway) you'll be fine.
However if for some reason you want to put one accordion inside another like I did e.g.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
   <p>Content Goes Here </p>
</div>
</div>
</div>
</div>
</div>
</div>
Too style Accordian 1 & 2 so their tabs both have different backgrounds and Hover background when the content panel is open and closed you have to style it in the CSS they following way;
CSS
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg_RO.png);}
#Accordion2 .AccordionPanelTab {
height:44px;
width:469px;
background:url(../images/packages_spry.png);}
#Accordion2 .AccordionPanelClosed .AccordionPanelTabHover,
#Accordion2 .AccordionPanelOpen .AccordionPanelTabHover {
height:44px;
width:469px;
background:url(../images/packages_spry_ro.png);}
Normally when styling two seperate spry accordions you can just use the following code
#Accordion1 .AccordionPanelTab {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg.png);}
#Accordion1 .AccordionPanelTabHover,
#Accordion1 .AccordionPanelOpen .AccordionPanelTabHover {
height:75px;
width:285px;
background:url(../images/package_spry_tab_bg_RO.png);}
The only difference with styling a Spry accordion within another to ensure they have different hover backgrounds when the content panel is open and closed is ".AccordionPanelClosed".
Hope this helped anyone who was having the same issue I was.

How to apply different styles to multiple spry collapsible panels?

Hello every.
I would really appreciate some help with this problem I am coming up against.
I am creating a website which has multiple Spry collapsible panels in it. I applied the styles I wanted for the first Spry collapsible panel I did in the styles panel with no problems what so ever.
However when I go to apply the styles I want for my second and every other Spry collapsible panel, when I applied the style I wanted it changed the first panel I did. I’ve tried giving all my collapsible panels different Div ID’s but no luck. I just can’t seem to apply different styles to each of my collapsible panels.
Can someone please advise me how to do this?
Thank you in advance for your help.
Kind regards
Elliot

I've figured the most of it out.
By giving the Spry Collapsible Panel that you want to style differently a separate ID and class and then duplicating the original Spry Collapsible Panel style in the CSS style panel on the right and renaming them the same name as the panel you want to style differently it will allow you to style it differently to all the other panels apart from the Hover.
I've tried everything! Below is the code I'm using for the two Collapsible Panels I want to style Differently.
I only want to have different Tab backgrounds and Hover backgrounds
1st Spry CollapsiblePanel
Code:
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent">Content</div>
CSS Style
.CollapsiblePanelTab
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover
2nd Spry CollapsiblePanel
Code:
<div id="CollapsiblePanel2" class="CollapsiblePanel2">
<div class="CollapsiblePanel2Tab" tabindex="0">Tab</div>
<div class="CollapsiblePanel2Content">Content</div>
</div>
.CollapsiblePanel2Tab
.CollapsiblePanel2TabHover, .CollapsiblePanelOpen .CollapsiblePanel2TabHover
As I said the Tab works both I have two seperate background images for the Tabs but I can only seem to have one background for the hover.
Has anyone any ideas on how to get around this?
Kind regards
Elliot

How to Use different icons for JTree in the same level

Hi guys, i come cross a problem with JTree. The module need a JTree which need to represent items in the same level using different icons. For example:
[Icon for Root]Root
|
|_____________[Icon for Table] TABLES
|
|_____________[Icon for Index] INDEXS
|
|_____________[Icon for Views] VIEWS
As i know, the default behavior for JTree is using the same icon for all leaves and
the same icon for all node that has children. How can i achieve that?
Thansk a lot!

subclass DefaultTreeCellRenderer. if you overwrite the method below, then you can set the icon to whatever you want....!
    public Component getTreeCellRendererComponent(JTree tree, Object value,
                                boolean sel,
                                boolean expanded,
                                boolean leaf, int row,
                                boolean hasFocus) {
     String         stringValue = tree.convertValueToText(value, sel,
                           expanded, leaf, row, hasFocus);
        this.tree = tree;
     this.hasFocus = hasFocus;
     setText(stringValue);
     if(sel)
         setForeground(getTextSelectionColor());
     else
         setForeground(getTextNonSelectionColor());
     // There needs to be a way to specify disabled icons.
     if (!tree.isEnabled()) {
         setEnabled(false);
         if (leaf) {
          setDisabledIcon(getLeafIcon());
         } else if (expanded) {
          setDisabledIcon(getOpenIcon());
         } else {
          setDisabledIcon(getClosedIcon());
     else {
         setEnabled(true);
         if (leaf) {
          setIcon(getLeafIcon());
         } else if (expanded) {
          setIcon(getOpenIcon());
         } else {
          setIcon(getClosedIcon());
        setComponentOrientation(tree.getComponentOrientation());
     selected = sel;
     return this;
    }

How to Unload and Reload a Composition into the same HTML page?

TLDR:
When loading multiple Compositions into a html page via AdobeEdge JavaScript, how do I remove/delete/unload a loaded composition so that it can be added/loaded to the same page again later? I am open to options not mentioned here, but this is done externally, not within Edge's limited code abilities (working with multiple comps on one page).
*Note: I am making comps in Edge then loading multiple within my own JavaScript/HTML external pages. This programming is NOT done within Edge's code.
Overview:
I could have more than 50 compositions to load into my page, but only one is displayed at a time. In order to make this easier on the user, I load 5 into the page in divs with display: none. I set the id of the first one to an id that has my css to show the content properly. When clicking next, that div is set back to an ID that has hidden css values. Going forward and back works the same. This functions properly. This puts all the obvious preloading in the beginning so the user doesn't have to wait again, as comps are preloaded in the background while they are viewing other comps.
As the user moves farther, I drop the first div and add one on the end with the next comp. This works fine. I can go forward all day, no problem by removing the first div element and adding one to the end. This should make memory not horrible, since theoretically, the comps would be removed as needed...
Problem:
The problem is if the user wants to go back. If I drop the last div and add one to the front, the comp (which was loaded and dismissed earlier) cannot be re-loaded. It also cannot be re-added, even if the div is cloned and re-added later.
This is the code I am using to load the comps:
$.getScript('comp_' + i + '_edgePreload.js', function() {});
Options:
The options I have thought of (and not found a way to make them work) in order of preference:
Fully unload the comp from memory, that way when I make the call to load the comp, it will act as if it has never been loaded before. (Is there a way to unload a comp completely? I haven't found one, but the API is sorely incomplete) **I want this one to work very much.
Ok, maybe you can't actually unload a loaded comp. Can you re-add it to a new div? I have printed out every option I could thru AdobeEdge's interface, and cannot find a way to re-make a div the way it was. Heck, I'd be happy to load the content into a non-child element in JS, then append to html when I actually want to display it. I can't find how to re-setup the div, which has the correct Class and is set up the way it was when the comp was loaded the first time. (this option is bad because it seems all of the comps are still in memory, but at least it would work)
Worst case, I have tried this and ALMOST got it to work. When I removed the old divs from the page, I cloned them and added them to an array of objects in JS. Then, when going back, I pushed them back out, so it was an EXACT copy of the original div, all content was the same, all id, class, style, etc was the same. Unfortunately, AdobeEdge seemed to lose the ability to talk to it. (AdobeEdge.getComposition('EDGE-MyUniqueIdentifier').getStage(); // returns undefined). How do I tell it to re-associate the div with the object that still exists here? And obviously, this is an awful solution, since it appears that all of the comps stay in memory, but I was desperate to simply make it work somehow.
If you need code examples of any of my attempts at the previous options (I have tried them all extensively, and unsuccessfully), I can provide it. I hope someone has found a way to deal with this or has links to actually useful information. Most posts I have found simply tell you to load all your comps and hide/unhide them as needed. This works for small-scale, but when you have a lot of comps to move between, it becomes less of a viable solution.

Exactly the same problem here. Could anyone from EDGE TEAM answer to this question?
How we can UNLOAD and LOAD same or another animation using SAME or DIFFERENT dinamically created DIVS?
Affter loading the second animation AdobeEdge.getComposition('EDGE-MyUniqueIdentifier').getStage() returns undefined.
Thanks for ther support.

How to set different view parameter programmatically in the same task flow

Hello everyone,
I have a view activity A that calls another view activity B with a link. In this link the action is set to a method (I use JSFUtils class: http://jdeveloper-adf.googlecode.com/svn/trunk/TGPrototype2/ViewController/src/com/tgslc/defaultManagement/utils/JSFUtils.java):
public String goToB() {
String paramToPass = "someParameterTakenInSomeWay";
JSFUtils.setExpressionValue("#{pathToViewB_pageBPageDef.paramName}",paramToPass);
return "openActivityB";
where openActivityB is the control flow case to call B.
In the B pageDef file I have set a parameter "paramName" without any value:
<?xml version="1.0" encoding="UTF-8" ?>
<pageDefinition xmlns="http://xmlns.oracle.com/adfm/uimodel"
version="11.1.1.59.23" id="pageBPageDef">
<parameters>
<parameter id="paramName"
value=""/>
</parameters>
<executables/>
<bindings/>
</pageDefinition>
But at running time I have a oracle.jbo.expr.JIEvalException:
JBO-25077: Name paramName not found in the specified object: pathToViewB_pageBPageDef.
The question is: how can I set the parameter programmatically from the view activity A?
Note that I use this method to set the parameter because in the real application I have many "view activity A" that will call B, but all of these have to set this parameter.
I use JDeveloper 11.1.1.4.
Thanks in advance,
Baduel

Hi,
this is because PageDef B represents a binding container that is not active to the time you try to call it. The binding container becomes available when navigating to the page but not before. Instead:
1. define a managed bean in pageFlowScope and expose a setter/getter method to hold the value to pass on
2. Reference the managed bean in pageFlowScope from the attributebinding NDValue property using EL
3. Set the managed bean value before navigating to view B
Frank

How to use different pageFormats while printing in the same book object.

Hi All,
I m able to print Multiple pages, but the problem is when i want print multple pages with different pageformates I mean One pages having 4X2" size and another one is 5X5", while print second page objects not appears properly
Pls see the below code to get the problem.
any works around this will be appreciated.
import java.awt.BasicStroke;
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.geom.Rectangle2D;
import java.awt.print.Book;
import java.awt.print.PageFormat;
import java.awt.print.Paper;
import java.awt.print.Printable;
import java.awt.print.PrinterJob;
public class MultiplePageFormatTest
public static void main(String[] args)
MultiplePageFormatTest example3 = new MultiplePageFormatTest();
System.exit(0);
private final static int POINTS_PER_INCH = 72;
public MultiplePageFormatTest()
PrinterJob printJob = PrinterJob.getPrinterJob();
Book book = new Book();
PageFormat documentPageFormat = new PageFormat();
PageFormat documentPageFormat1 = new PageFormat();
Paper paper = new Paper();
Paper paper1 = new Paper();
paper.setSize(4.5 * POINTS_PER_INCH, 2.5 * POINTS_PER_INCH);
paper.setImageableArea(.25 * POINTS_PER_INCH, .25 * POINTS_PER_INCH,
   4 * POINTS_PER_INCH, 2 * POINTS_PER_INCH);
documentPageFormat.setPaper(paper);
paper1.setSize(5.5 * POINTS_PER_INCH, 5.5 * POINTS_PER_INCH);
paper1.setImageableArea(.25 * POINTS_PER_INCH, .25 * POINTS_PER_INCH,
   5 * POINTS_PER_INCH, 5 * POINTS_PER_INCH);
documentPageFormat1.setPaper(paper1);
book.append(new Document(), documentPageFormat);
book.append(new Document(), documentPageFormat1);
printJob.setPageable(book);
if (printJob.printDialog())
   try
    printJob.print();
   catch (Exception PrintException)
    PrintException.printStackTrace();
private class Document implements Printable
public int print(Graphics g, PageFormat pageFormat, int page)
   Graphics2D g2d = (Graphics2D) g;
   g2d.translate(pageFormat.getImageableX(), pageFormat
    .getImageableY());
   g2d.setPaint(Color.black);
   g2d.setStroke(new BasicStroke(
    2));
   Rectangle2D.Double border = new Rectangle2D.Double(
    0, 0, pageFormat.getImageableWidth(), pageFormat
     .getImageableHeight());
   g2d.draw(border);
   return (PAGE_EXISTS);
}

Hi,
Till now this question is not answered.........
Any Answer around this deeply apprciated.
Edited by: DoraiRaj on Sep 29, 2009 3:55 AM

How to run different Oracle client versions on the same PC

I have developped an application (.Net 2.0, ODP v. 10). I must run it on PC where Oracle client version 8 is installed. The PC cannot be upgraded because of a client software running under this version.
I tried to install ODP v. 10 on this PC in different home, but the software using version 8 stops running.
Can Oracle Instant Client help ? But which version, 11 ? My application is based on ODP 10. Can ODP 10 access database via Instant Client 11 ?
Thanks for your help
LK

The problem on Windows is: The 10g installation changed the default ORACLE_HOME,now it points to 10g and makes the 8.0.5 application invalid,because it runs now in a much higher environment. What I did in a similar situation, I created a batch file, which sets temporarily the old environment (in my case PATH,ORACLE_SID,ORACLE_HOME) and then invokes the application.
I don't know whether such a solution will work for you (8.0.5 is very old,desupported since a long time), my old version was 8.1.7.4.
Werner

Html Portlet links displaying in another portlet on the same page

I have seen similar posts but no detailed explaination of how this is done.
I have an html portlet with links whose content I would like to display in an inline rendering portlet on the same portal page. How can I pass the link url from the html portlet to the inline rendering portlet?
Thanks,
Robyn

If your environment is fairly static, you can handle this easily.
The link in your HTML portlet must refer to the page URL of the portal page on which the HTML portlet resides (which changes from portal page to portal page), to which you need to append the parameter that your "inline" portlet (under which I'm not sure what you mean) reads:
<a href="http://<portal_page_url>&my_param=value">click here</a>Is this close to what you're willing to do?

How to apply different CSS styles to different table cells?

I have an h:dataTable table and I would like to apply different CSS styles to different table cells depending on their content. If I were doing JSP I would probably have a <c:if> test on the cells, and give them a style name depending on contents, and then define the styles in a separate style sheet. Is there a way in JSF to do the equivalent? Thanks.

mitchgart wrote:
BalusC wrote:
How to achieve a cell-specific style is already answered in my 1st reply of this topic.That tells how to apply a style to the text (or other content) inside a cell but not how to apply a style to the <td> as a whole. It would work for something like text font or text color but not cell border.
I'm thinking I can mark the content somehow and then have javascript traverse the DOM, find marked content, and traverse outward to the enclosing <td>. Is there a better way?BalusC already spoke about rowClasses and columnClass attributes, I assume those are insufficient.
The Tomahawk dataTable component has the rowStyleClass and rowStyle attributes for assigning CSS to the HTML tr tag. One is allowed to reference the row data variable when assigning values to these. However, see https://issues.apache.org/jira/browse/TOMAHAWK-523 for workarounds to bugs in some implementations.
The Tomahawk column component has the styleClass and style attributes for assigning CSS to the HTML td tag. These also may reference the row data variable.

How to apply paragraph styles to xml tag?

Hi All,
How to apply paragraph style to xml tag?

Hi Learner,
Try the below js code.
var myDoc = app.activeDocument;
try{
    mySel=app.selection[0];
    myDoc.xmlElements[0].xmlElements.add({markupTag:"TEST", xmlContent:mySel});
    }catch(e){
        alert(e);
var myDocument = app.activeDocument;
app.findGrepPreferences.appliedParagraphStyle = "test";
app.findGrepPreferences.findWhat = ".+(?=\\r)"
var mySearch = myDocument.findGrep(false);
for (a=0; a<mySearch.length; a++){
    myDocument.xmlElements[0].xmlElements.add({markupTag:"TEST", xmlContent:mySearch[a]});
thx,
csm_phil

Applying different style sheets

I'm not sure if this is possible, but I would like to apply
different style sheets to different outputs.
For example: (Both outputs use the same data)
Output to PDF = Style Sheet 1
Output to WebHelp = Style Sheet 2
Is there an easy way to do this?

It would be lovely to select a style sheet as you are
generating the output, wouldn't it? As far as I can see, however,
style sheets are assigned per topic thru a reference RH sticks in
the HTML header.
Which leaves you two options:
1) The simple but tedious way: In the Topics list (on the
right), select all the topics. Right-click and pick Properties.
When the Properties window opens, choose the stylesheet you want on
the Appearance tab. Click OK. You would need to do this each time
you switch from generating WebHelp to generating PDF.
2) The complex but cool if it works way: I don't use the PDF
plug-in - do you still generate PDF from the Printed Documentation
layout? If so, can you use the StyleMapping.dot template? (I seem
to remember that the PDF goes through a Word stage behind the
scenes.) You can open StyleMapping.dot in Word (be sure to use File
> Open so you get the .dot) and change the styles into what is
effectively a new style sheet. It may take some tweaking - I still
can't get my bulleted styles to come out quite right - but it's
great for global changes.
HTH,
Elisa

How to apply multiple styles for nested tags in XML?

Say you import this XML into InDesign:
<Root>
<strong>
<em>Bolded and Italicized</em>
</strong>
</Root>
And you have two character styles, bold and italics, to map to strong and em tags respectively.
You will see that the text appears italicized not bolded and italicized as expected. Generally, only the innermost tag will get the style and will overwrite its parent styles.
Notice the XML is generated dynamically and tags order is not enforced. Also, there's an additional underline tag that can be nested with these two.
So far I have tried to use GREP styles (with paragraph styles), but these do not have effect in the XML tags.
Other possible options not tried yet:
Create new tags for every formatting combination. Not what I really want because I could en up with a lot of tags each one with a corresponding styles.
Create InDesign XML rules to apply character styles automatically based on the tags
Use character styles in the XML with the aid namespace referencing InDesign styles. Will this really work?
What do you suggest to go for? See any other option?
Thank you in advance.
Juan

I'd say that you should create tags not for appearances, but for semantic content. Specifying formatting styles in your XML betrays your lack of familiarity with the format, because the last thing you'd want to do would be to use HTML markup in the middle of your XML. If you have content that's supposed to be both bolface and oblique - say, a warning - then it's marked up as
<warning>Never refer directly to formatting in your XML markup, only to content types!</warning>
If I had a document that was written in the style you suggest - one with lots of overlapping local formatting - I'd look at developing a better style guide that told the writers that doing so would be bad form. Because, you know, many of the writers I deal with are addicted to forms of emphasis that do nothing useful whatsover for their readership - they only serve to overemphasize the authorial voice of the writers.
Maybe you could tell us why you need these overlapping forms of styling, and we could suggest other InDesign formatting tools (like line styles or nested styles) that would help you get the appearance you want without crowding styling markup into your XML - where, strictly speaking, it doesn't really belong.

How can install a second app icon of the same on app on a different home screen?

how can install a second app icon of the same on app on a different home screen?
for example i have the phot app on one home screen and the i want the same photo app showing on the other home screens?
I want to have a duplicate app on on more than one home screen
Another example if i have the Evernote app showing on my first home screen and then my last home screen as well

Put it in the dock at the bottom. Apps put there stay there and show at the bottom of all home screens.

How to apply different styles to Portlets on the same Portal page?

Similar Messages

Maybe you are looking for