Use Conditional Tags to apply different Style Sheets / Skins for branding purposes?

RoboHelp HTML > WebHelp layout appearance using Conditional Build Tags
I have a customer who supplies an application to different corporates, and brands his product by changing the appearance, using a selected style sheet to suit the Brand.
Is there a way to customise a WebHelp layout, to select a style sheet and a skin for Brand A, and another style sheet and skin for Brand B, and so on?
Would this work in RH7? (The customer uses this at the moment.)
Would this work in RH8? (They could upgrade if this solves the problem.)
Philip Tory, Technical Author

Hi Phillip
RoboHelp 8 offers an ability to nominate a specific CSS file in the Single Source Layout recipe. So sure.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Similar Messages

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 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

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

Apply different styles to text within a Text field?

I am working on an application that consumes a user-generated
HTML file and displays it on part of a Flex screen. The main
problem is HTML can look something like this (for example):
Hello <span class="greeting">Mr. Smith</span>,
how are you doing <span class="title>today</span>.
Unfortunately, the Flex Text control only accepts a single
style that is applied to all text within the control and the
htmlText property only allows for very basic HTML markup and does
not include support for applying styles to a part of the text.
I've thought about creating a series of Text controls (each
with its own style as needed) and putting them together in an HBox.
However, this messes up word wrapping if the text exceeds the width
of its container.
Anyone have any ideas how to solve this problem?
Thanks!
Dustin

Could you please elaborate your requirement since you can have different instances of synchronized text have different formatting.
So your original menu can consist of various text blocks (marked with different content tags) and then duplicate them and apply different formatting to the copied text. The text is still linked and an update to one will get synced to the other.
If you are looking at applying different styling to chunks of text within one textframe (marked using a content tag), THAT is not possible, since the tagged content is supposed to maintain integrity of text and not the associated styling (which you should be able to apply independently).
Hope that makes sense.
Cheers,
Vikas

Different style sheets for subportals

Is it possible to have two subportals each with a different or separate css file? If so, how would it be done
Thanks
Susan

Are you talking about just applying a different existing color scheme to a subportal?
If so there are actually several different ways this can be done. The easiest (I think) is to use a header portlet and control style from there. I'd suggest reading the deployment guide - they should have examples of how you can apply branding to subportals and communities.
About BrandingBranding customizes the look and feel of Subportals and Communities. You create Branding Portlets to customize the headers, footers, and Content Canvases. You place these Portlets in a particular location on a page to give it a more personalized look and feel.
When you set the Branding Portlet's administrative preferences, you set up the properties, HTML, and default values for the headers, footers, and Content Canvases. After these values have been set, Community owners are able to use predefined Branding Portlets in their Communities. Using these predefined values, managers of Communities can easily create a common look and feel for a Community, while retaining the ability to change the properties so that they can customize the Portlet to fit their needs. The Community owner can easily give the headers, footers, or Content Canvases a different image, text, date, and so forth while using HTML already defined by an portal administrator.
Note:Branding for a Content Canvas appears at the page level in a Community. Thus, you will see a Content Canvas listed for each page in the Community. If you want the same Content Canvas for each page in the Community, you must change every page individually.
Default Header and Footer ObjectsWhen you install the portal platform a set of default branding header and footer objects are created. You can add them to Subportals and Communities to quickly see the possibilities of branding. You can also modify the default settings for the header and footer objects. The following default Branding header and footers are created:
Footer - Color: Colored using the portal or Community style sheet.
Footer - Plain: Black and white footer.
Header - Graphic, Text: A graphic on the left and, text on the right.
Header - Large Graphic: A large graphic.
Header- Logo, Graphic: A logo on the left and, a graphic on the right.
Header - Logo, Graphic/Date: A logo on the left and, a graphic and/or date on the right.
Header - Logo, Rich Text: A logo on the left and, rich text on the right.
Header - Logo, Text/Date: A logo on the left and, text and date on the right.
Header - Logo/Text: A logo on the left and, text on the right.
Header - Logo/Text, Rich Text: A logo and text on the left and, rich text on the right.
Header - Right Text: Text only on the right.
Header - Text: Text only on the left.
Header - Text, Large Graphic: Text on the left and a large graphic on the right. Note:The permission settings for Branding do not correspond to the Branding Portlet. You must be a part of the Brandingor Admingroup to make changes to the Branding header and footer default settings.
Choose Header & FooterUse this page to change the branding (headers and footers) of the selected Subportal. Headers and Footers are special Portlets that control what is displayed at the top and bottom of the portal's pages..
Under Add Headers:
To add a header, click Add Header.
To remove a header, check box next to the header you want, then click .
Under Add Footers:
To add a footer, click Add Footer.
To remove a footer, check the box next to the footer you want, then click .
Note: If you want, you can set Community branding settings to override the Subportal branding you specify here.

Find XML Tags then apply para style

Hi everyone,
I need your help for find xml tags and apply para graph style in InDesign CS2. We have 200 xml files apply only 7 type of paragraph styles so any one help and any JS/Apply script or any other find and replace method. I am really appreciate of my bottom of heart.
thank you so much.

Hi,
Try:
#include "../XML Rules/glue code.jsx";
var myDoc = app.documents.item(0);
var myRuleSet = new Array (new applyParaStyle());
with(myDoc){
        var elements = xmlElements;
        __processRuleSet(elements.item(0), myRuleSet);
          function applyParaStyle(){
                    this.name = "Xp";
                    this.xpath = "//restaurant_name";
                    this.apply = function(myElement, myRuleProcessor){
                              with(myElement){
                switch(insertionPoints[0].parentTextFrames[0].parentPage.appliedMaster.name){
                    case "X-Master":
                    app.select(texts);
                    app.selection[0].fillColor = myDoc.colors.item("xxxx");
                    break;
                    case "guide-Scotland":
                    app.select(texts);
                    app.selection[0].fillColor = myDoc.colors.item("scotland");
                    default:
                    break;
                              return true;

Xsl style sheet & DTD for RSS 2.0 feeds

Does anyone have a workable DTD & style sheet for RSS 2.0 feeds? The PS DTD doesn't cut it for what's out in the Net today.
I have no problem setting channels up and getting data... just not a "UI" person...

please see bug 5062227. the problem is noted there.
in lieu of that being fixed, there are several RSS stylesheets floating around on the web. for example:
http://today.icantfocus.com/style/xsl/feeds.xsl
for more, just google for "rss xsl stylesheet".
i have tried several of them and they all have had their quirks. you can try dropping any 3rd party stylesheet into the product.. for example, place the new file in /etc/opt/SUNWps/desktop/default/SampleRSS, and modify the channel SampleRSS in the administration console to use the new stylesheet.
Portal Server 6.4 (JES 4) will include a more robust RSS channel that is not based on XSLT.

Multiple style sheets 1 for background and adjustable content and 1 for layout

H guys , I have 1 css that is attacthed to everypage of the site, this is the basic layout of the site , what I want and trying to do , is have another css for "each" page that has a different body back ground and the unique divs to that particular page !
I've attached both css to the page but the only the layout css shows , so there's no bg or unique divs showing , what do I have to do to get both to show on the page ? .. I've tried linking the 2 css togther but only the layout shows , so I'm pretty stuck . many thanks in advance if you can help

Yeah, it can be edited... but only by you!
So CSS in the <head> and CSS in a style sheet can both work... but if you have 10 pages, each with it's own CSS in the <head>... and you have to go in and adjust some stuff... that means you must open 10 pages.. do the edits.. separately... then test each of the 10 pages..... separately..
OR have a master CSS page... do all the edits at once, upload just one edited CSS page and then test the entire site... all at one time.
That's the heart of CSS... Cascading Style Sheets... changes/edits you make will propagate/cascade down over your entire site...
My advice... keep all your CSS in one (easily editable) file.
Best wishes,
Adninjastrator

Cascading Style sheet modify for webi in 4.0

Hi,
we are planning to change company document style sheet.
So i went through one document, I have few questions on it.
1.what it mean "The Cascading Style Sheest are derived from the W3C CSS" ?
2. In document they mention that "The style sheet of a document is stored on the CMS, in the User settings" , I am not able to find it out.
could some one help me out ?

Hi,
which SMP or Help.sap.com document did you go through ? was it this one? http://help.sap.com/businessobject/product_guides/boexir4/en/xi4_ia_en.pdf
In 4.0, the default values for the rendering and the style are stored into a file named WebiDefaultStylesheet.css stored in the server's images folder. (The defaultConfig.xml is an obsolete file from XI3.1)
Note that for the BI 4.0, you would not be able to update the default style AFTER document creation. If you want to modify default style, you must :
1. update the .css file stored in the images folder of your server installation or rich client : C:\Program Files (x86)\SAPBusinessObjects\SAP BusinessObjects Enterprise XI 4.0\images\WebIDefaultStyleSheet.css and
2 Then create a new webi document to see your style modification.
In FP03, we completed the development of the default style edition by giving an easier and immediate way to update the css: You would be able to export/import the stylesheet from any webi document directly from the UI of the rich client or the applet.
Regards,
H

I was trying to use the Matlabscripting VI, but it says it is for instructional purpose and not for research and the system is getting stuck.When I used it two days back it worked.Could U plz tell me what the problem is??

I have Labview 7.0 and Matlab 6.5 installed on all the computers at my School. When I tried to use the Matllab Scripting Window for the first time, it worked, but after two days when I was trying to run the program, there was a meesage saying that the License is for instructional Purpose only and not for Research or commercial use and the Labview is getting totally stuck. I need the Matlab Scripting VI for my Project,could anyone suggest what I shd do or is there any other method by which I could do that.

Hello Medha,
Thank you for contacting National Instruments.
From the information you have provided, I am not sure what is causing your problem. Make sure that you do not have an evaluation license for LabVIEW.
What, if anything, was changed in your VI before it stopped working? Will it run without the Matlab script?
If you continue having trouble getting your VI to work, please respond with more information. If you like, you can post your VI (along with any necessary sub-VIs) and I will take a look at it.
Have a great day,
Sean C.
Applications Engineer
National Instruments

Applying a style sheet to sumit buttons

Hi All.
I'm trying to write a stylesheet to jsp pages which I can use for a set of submit buttons, here's a selection of the jsp code, as you can see there is reference to a stylesheet there already, which works ok. I can find loads of info relating to sylesheets and links, but nothing to assist on applying stylesheets to these buttons.
<tr>
<td height="100%">
<ul id="webTabBar">
<li>
<html:submit property="invokedBy"><bean:message key="CallPlanl.Tariff" /></html:submit>
</li>
<li>
<html:submit property="invokedBy"><bean:message key="CallPlanl.Exceptions" /></html:submit>
</li>
<li>
<html:submit property="invokedBy"><bean:message key="CallPlan.SBN" /></html:submit>
</li>
<li>
<html:submit property="invokedBy"><bean:message key="CallPlan.Barred" /></html:submit>
</li>
<li>
<html:submit property="invokedBy"><bean:message key="CallPlan.Comm" /></html:submit>
</li>
<li>
<html:submit property="invokedBy"><bean:message key="CallPlan.Misc" /></html:submit>
</li>
</ul>
</td>
</tr>

why not this:
<html:submit style="theStyles" styleClass="theClass" styleId="theID">

Apply different styles to TileList Renderer

Hi guys,
I created a TileList:
<mx:TileList
id="tile"
dragEnabled="true"
dropEnabled="false"
allowMultipleSelection="true"
itemRenderer="CamCanvas"
dataProvider="{model.pictures}"/>
and I created my own itemRender="CamCanvas":
which is just a simple Canvas component. What I would like to
do is to set a border/padding between elements in the TileList.
By default they are next to each other. Do you know any way
to do that?

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

Applying Page style sheets to a Content Area.

We have embeded a Folder within a Content Area that has been published as a Portlet and is displayed within a Page. There is a link within the displayed folder which displays another Folder within the Content Area that we have doctored to appear like the Page (by including other Portlets, Nav Bars, same regions etc.). But the second tier (Content Area) does not mimic the Page Style of the home page, ie. we can't mimic Portlet header colours etc. How can we sort this???
Thanks in advance.

Just to clairfy, are you trying to make a folder look like a page, and asking how to impose a page style onto a folder? If so, you can edit your folder style to resemble your page style.
null

Use Conditional Tags to apply different Style Sheets / Skins for branding purposes?

Similar Messages

Maybe you are looking for