Apply CSS to HTML portlet

How can i add a external CSS or add an image to a HTML portlet.Pls help me out.

Here you go:<br><br>
Hello Sandeep: <br><br>
From the URL structure I assume that you are using 9i. I haven’t tested this on 9i, and in my initial post I safely assumed it to be 10g. <br><br>
Relative URL does work on Portal 10g. If you are using 10g try the following: <br><br>
In your template try using relative URL for your stylesheet. Example: <br>
<link href="/portal/page/portal/pagegroup/page/stylesheet.css" rel="stylesheet" type="text/css"><br><br>
This should definitely work. If this does not work, try adding this substitution tag within the head of the page: #PAGE.BASE#<br><br>
I tried with both formats of the relative URL and both works in 10g.<br>
Examples:<br>
/portal/page/portal/pagegroup/page/stylesheet.css<br>
/portal/page/portal/16205149684D205AE043AA033FC5205A<br><br>
I also tested your case in 9i. I tested it with the following relative URLs:<br>
/pls/portal/docs/page/pagegroup-name/css/stylesheet.css<br>
/pls/portal/url/ITEM/104F6E9F11DC60C6E043AA03204A60C6<br><br>
Both seem to work in 9i as well. In this case also, I added #PAGE.BASE# to my template. <br><br>
As a test I removed #PAGE.BASE# from both 9i and 10g and both worked. <br><br>
Do some test cases and post your results here so we can try to find a solution for your particular problem. Good Luck!

Similar Messages

How to change the background color only for one HTML-Portlet?

Hi all,
I have created a HTML-Portlet in my root-page. The root page have a style: Main-Style.
I want to change the background-color only for this one HTML-Portlet:
<html>
<header><title>Test</title></header>
<body bgcolor="#999999">
Test
</body>
</html>
But this does not work...
When I use the CSS, then it will change the background-color for the root-page too.
Thans
Leonid Pavlov

could you try this
<table bgcolor="#999999">
<tr>
<td>
test
</td>
</tr>
</table>
I don't think you need <html><header><title>Test</title></header>
<body></body></html> for your HTML-Portlet.

How to apply CSS to a BC menu

Hi there,
I have done a lot of reading, gone to BC gurus, looked at Liam's post on Web Menu V2and I am still stumped on this one. The BC gurus tutorial and Liams' item were way above my head.
How do you apply CSS you have written to a BC menu?
I have set up a BC menu and put items in it. The menu type is CSS (HTML) Only
The menu items have a name, a page link Item Height of 30 and .menuLeft in the Item CSS Class Name
The template the menu is on is responsive and linked to a stylesheet with the CSS code below in it.
The menu is completely unaffected by the CSS in the stylesheet. All menu items have a dot in front of them, and look like the default link style for the site.
So the CSS below is not having any affect on the menu items. Why is this?
What basic, simple step have I missed here?
How do I get the menu in BC to notice the CSS below?
I have also tried making the CSS into an id #menuLeft and putting that into the Item ID Name field in each menu item. The CSS is still completely ignored. Why? (anguished cry)
.menuLeft {
          list-style-type: none;
.menuLeft ul{
          list-style-type: none;
          padding: 5px;
          margin: 0px;
          line-height: 30px;
          border: thin solid #CCCCCC;
          border-radius: 3px;
          text-decoration: none;
.menuLeft li a:link {
          color: #3F823D;
          text-decoration: none;
.menuLeft li a:visited {
          text-decoration: none;
          color: #999999;
          background-color: #B9E09A;
.menuLeft li a:hover {
          color: #999999;
          text-decoration: underline;
          background-color: #B9E09A;
.menuLeft li a:active {
          color: #999999;
          text-decoration: none;
          background-color: #B9E09A;

Hi Liam,
The class is definitely .menuLeft and that is what is showing in the code. However, for the menu, only the line height set in the backend of BC is showing. All other styling in the CSS is ignored. By the way I have to have two CSS stylesheets as this is a responsive design using CCDW. You have to use a separate stylesheet to style body, links, headers and other items. I have done this in eternityfonts.css which is where the styling for the menu is. The webpage is using all other instructions from the eternityfonts.css file, including headers, links etc, but it is ignoring the menu styling.
TEST PAGE SHOWING THE MENU NOT WORKING
Here is the test page where I am trying to style the menu. http://eternitycosmetics.businesscatalyst.com/test
It is linked to these stylesheets:
<link href="/StyleSheets/ModuleStyleSheets.css" type="text/css" rel="StyleSheet" /> BC standard stylesheet with all sites
<link href="../boilerplate.css" rel="stylesheet" type="text/css"> DW CC stylesheet that comes with fluid design
<link href="/stylesheets/eternity4.css" rel="stylesheet" type="text/css"> DW CC stylesheet that accompanies the fluid design - the fluid design will break if I edit this stylesheet manually
<link href="/stylesheets/eternityfonts.css" rel="stylesheet" type="text/css"> stylesheet containing body bground, header, a link and other manual styles for the site. I can edit this stylesheet manually
CODE RENDERING ON THE PAGE
Here is the code on the page for the menu in question when I do view source. It appears to be ignoring the .menuLeft code in eternityfonts.css and just looks at the setup in the BC menu.
<div id="leftMenu" class="fluid"> (this div is in the DWCC generated stylesheet that I cannot touch called /stylesheets/eternity4.css)
<script type="text/javascript" src="/CatalystScripts/Java_DynMenusSelectedCSS.js"></script>
<div id="cat_673629_divs">
<ul id="nav_673629">
<li class=".menuLeft" style="height:30px;"><a href="/index.htm">Home</a></li> (this class is in the /stylesheets/eternityfonts.css stylesheet that I can edti)
<li class=".menuLeft" style="height:30px;"><a href="/about-us">About Us</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/products">About Our Products</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/impact-cosmetics">Products Online</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/anti-aging-treatments">Anti-aging Treatments</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/acne-treatments">Acne Treatments</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/doctor-services">Doctor Services</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/testimonials">Testimonials</a></li>
<li class=".menuLeft" style="height:30px;"><a href="/contact-us">Contact Us</a></li></ul></div>
<script type="text/javascript">catSetSelectedCSSItem('nav_673629');</script>
</div>
BC MENU SETUP SCREEN
Here is the BC setup screen showing that I have applied the class of .menuLeft to the menu items:
CSS CODE THAT IS BEING IGNORED WHEN THE PAGE IS DISPLAYED
Here is the code in eternityfonts.css that is not being applied to the CSS menu. I have bolded the code that is not being actioned in the BC CSS/HTML menu.
WHY IS THIS CODE BEING IGNORED?
What step have I missed here?
Full dump of code in eternityfonts.css
@charset "utf-8";
/* CSS Document */
body,td,th {
          font-family: Arial;
          font-size: 12px;
          color: #000;
          font-style: normal;
          font-weight: 400;
body {
          background-color: #FFFFFF;
          background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(178,221,145,1.00)),color-stop( 100% , rgba(255,255,255,1.00)));
          background-image: -webkit-linear-gradient(270deg,rgba(178,221,145,1.00) 0%,rgba(255,255,255,1.00) 100%);
          background-image: linear-gradient(180deg,rgba(178,221,145,1.00) 0%,rgba(255,255,255,1.00) 100%);
          background-repeat: no-repeat;
a {
          color: #3F823D;
          text-decoration: none;
a:visited {
          color: #3F823D;
          text-decoration: none;
a:hover {
          color: #3F823D;
          text-decoration: underline;
a:active {
          color: #3F823D;
          text-decoration: none;
h1 {
          font-size: 20px;
          color: #3F823D;
h2 {
          font-size: 18px;
          color: #FF7546;
h3 {
          font-size: 16px;
          color: #3F823D;
h4 {
          font-size: 14px;
          color: #FF7546;
#buyButton2 {
          width: 100px;
          margin-top: 10px;
          padding-top: 5px;
          padding-bottom: 5px;
          text-align: center;
          border: thin solid #CC6600;
          border-radius: 3px;
          background-color: #FFAC77;
          float: right;
#buyButton1 {
          width: 100px;
          margin-top: 10px;
          padding-top: 5px;
          padding-bottom: 5px;
          text-align: center;
          border: thin solid #CC6600;
          border-radius: 3px;
          background-color: #FFAC77;
.menuLeft {
          list-style-type: none;
.menuLeft ul{
          list-style-type: none;
          padding: 5px;
          margin: 0px;
          line-height: 30px;
          border: thin solid #CCCCCC;
          border-radius: 3px;
          text-decoration: none;
.menuLeft li a:link {
          color: #3F823D;
          text-decoration: none;
.menuLeft li a:visited {
          text-decoration: none;
          color: #999999;
          background-color: #B9E09A;
.menuLeft li a:hover {
          color: #999999;
          text-decoration: underline;
          background-color: #B9E09A;
.menuLeft li a:active {
          color: #999999;
          text-decoration: none;
          background-color: #B9E09A;
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
.menu ul{
height:50px;
list-style:none;
margin:0;
padding:0;
.menu li ul{
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:200px;
z-index:200;
.menu li:hover ul{
display:block;

WSRP - Changing the css of remote portlets

Hi,
Consumer: WLP 10.2
Producer: Websphere Portal 6
I need to apply css files of the consumer to the remote portlets (not the shell, but to the content inside the actual portlets). Is there any way to override the producer portlet stylesheets before rendering at consumer side?
I thought of creating same stylesheets at consumer side with same class names and with different attributes (according to requirements) inside the classes.While rendering, in the interceptor class I am planning to read markup data using response and try to change the css name to consumer side css name and again writing the markupdata. Is it possible or is there any other best solution for this. Please help me.
Thanks,
Sid

Hi George,
We tried to apply "!important" declaration for each rule in css file.Its not picking from local CSS (Consumer) file.But What i feel like remote portlet is not picking up the local css file when get the viewsource on remote portlet the css file path is producers.as below.
<link rel="stylesheet" type="text/css"
href='http://localhost:7001/WsrpConsumerWeb/resource;SSPXYYSESSIONID=gDQ5JH9V2TYtzph1XhpgsC301Qbbp516f0nCTFxmgQnqsgM0Qtl6!30602842?_pageLabel=voipTrunk_portal_page_10&_portlet.portalUrl=%2FWsrpConsumerWeb%2FvoipTrunk.portal&_windowLabel=portlet_6_1&_nfpb=true&_portlet.renderResource=true&wsrp-urlType=resource&wsrp-url=http%3a%2f%2faiomt991.dev.qintra.com%3a1080%2foneflex%2fPA_SIPInventory%2ftheme%2fstylesheet.css&wsrp-requiresRewrite=false&wsrp-resourceID=&wsrp-preferOperation=&wsrp-resourceState=&wsrp-resourceCacheability='
title="Style">
wsrp-url=http%3a%2f%2faiomt991.dev.qintra.com%3a1080%2foneflex%2fPA_SIPInventory%2ftheme%2fstylesheet.css
should be replaced with local css file path right.Which we are trying to do in interceptor file.But we are unable to replace existing path to local path If you any other way to do this please let us know.
Thanks
Kalpana,Sid & Anu.

I am using Dreamweaver cc 2014 and after applying css styles to my fluid grid layout I lose the resize, delete, duplicate and move up/ down ability.

I am using Dreamweaver cc 2014 and after applying css styles to my fluid grid layout I lose the resize,delete, duplicate an move up/ down ability.
For this reason I cannot build new pages by copying one page to create another.
I have a third style sheet that I use for the navigation styles and h1 -h6 ect. tags. and I am also using a css drop menu, can one of these be the problem?
The css menu I am using has the following script - I goes at the bottom of the html page. Before the closing body tag,
<script>
$(function () {
$("#nav").tinyNav();
</script>
I am also using the following for image control - I place it towards the top of the fluid
grid style sheet.
    box-sizing: border-box; /* Opera/IE 8+ */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
Can some one please help.

I am using Dreamweaver cc 2014 and after applying css styles to my fluid grid layout I lose the resize,delete, duplicate an move up/ down ability.
This implies there is something broken in your FluidGrid Layout CSS file.   It could be something simple like a missing semi-colon or curly bracket.   Run your code through the W3C validation tools below to check for errors. NOTE: ignore reported errors in boilerplate.css
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.

Apply CSS to Flash Movie?

If I want to apply a class to a flash movie, where do I place
it in order
for it to listen?
Here's my code:
<div id="header">
<p id="flash">
<object type="application/x-shockwave-flash"
data="/clients/affusion/webs/assets/affusionconsulting.swf"
width="472" height="196" class="movie">
<param name="movie"
value="/clients/affusion/webs/assets/affusionconsulting.swf"
/>
</object> </p>
</div>
Here's the simple css:
#flash {
height: 214px;
margin: 0 21px 0 15px;
background: url(/clients/affusion/webs/images/headerbg.gif)
no-repeat left;
display: block;
text-align: right;
.movie { padding-top: 9px;}
Here's the URL:
http://www.galfanodesign.com/clients/affusion/webs/final/index.asp
Might there be a simpler solution to what I am seeking?
Thanks!
Dan

That could be....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Dan Galfano" <[email protected]> wrote in
message
news:[email protected]...
>I see. I swear the bg-image did move before..but perhaps
it was the whole
>container that was moving and not the bg-image.
>
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> Jup. The only way to move background images is with
>> background-position....
>>
>> --
>> Murray --- ICQ 71997575
>> Adobe Community Expert
>> (If you *MUST* email me, don't LAUGH when you do
so!)
>> ==================
>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>> ==================
>>
>>
>> "Dan Galfano" <[email protected]>
wrote in message
>> news:[email protected]...
>>> Hmm...Well, whatever it was doing, I just
re-read what I wrote and made
>>> sure the background position of the image was
"top" and then added the
>>> padding to the container, and it worked.
>>>
>>> Dan
>>>
>>>
>>>
>>> "Murray *ACE*"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>> Padding will not move background images.
>>>>
>>>> --
>>>> Murray --- ICQ 71997575
>>>> Adobe Community Expert
>>>> (If you *MUST* email me, don't LAUGH when
you do so!)
>>>> ==================
>>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>>>> ==================
>>>>
>>>>
>>>> "Dan Galfano"
<[email protected]> wrote in message
>>>> news:[email protected]...
>>>>> Ok. Well, I have this header with a
background image and am putting
>>>>> the flash movie in the <div> but
the movie is aligned at the top of
>>>>> the <div>. I want it padded 9px
from the top. But, if I put in the
>>>>> padding-top in my css for the header,
then it moves the background
>>>>> image down too......
>>>>>
>>>>> Any thoughts?
>>>>>
>>>>> Dan
>>>>>
>>>>>
>>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>>>
news:[email protected]...
>>>>>>> I can't apply CSS to a flash
movie? I don't want to apply it within
>>>>>>> the movie...Wouldn't it be like
adding CSS to an image?
>>>>>>
>>>>>> No. Sorry. Flash lives in a
concurrent but different universe than
>>>>>> HTML.
>>>>>>
>>>>>>> If not, then, do you see any
fixes I can add to my container?
>>>>>>
>>>>>> I'm not quite sure what you are
wanting to do, Dan.
>>>>>>
>>>>>> --
>>>>>> Murray --- ICQ 71997575
>>>>>> Adobe Community Expert
>>>>>> (If you *MUST* email me, don't LAUGH
when you do so!)
>>>>>> ==================
>>>>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>>>>>> ==================
>>>>>>
>>>>>>
>>>>>> "Dan Galfano"
<[email protected]> wrote in message
>>>>>>
news:[email protected]...
>>>>>>> Murray,
>>>>>>>
>>>>>>> I can't apply CSS to a flash
movie? I don't want to apply it within
>>>>>>> the movie...Wouldn't it be like
adding CSS to an image?
>>>>>>>
>>>>>>> If not, then, do you see any
fixes I can add to my container?
>>>>>>>
>>>>>>> Thanks!
>>>>>>>
>>>>>>> Dan
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>>>>>
news:[email protected]...
>>>>>>>>> If I want to apply a
class to a flash movie, where do I place it
>>>>>>>>> in order for it to
listen?
>>>>>>>>>
>>>>>>>>
>>>>>>>> You cannot apply CSS to
Flash. You could apply it to a container
>>>>>>>> into which the Flash is
placed, though.
>>>>>>>>
>>>>>>>> --
>>>>>>>> Murray --- ICQ 71997575
>>>>>>>> Adobe Community Expert
>>>>>>>> (If you *MUST* email me,
don't LAUGH when you do so!)
>>>>>>>> ==================
>>>>>>>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>>>>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>>>>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>>>>>>>
http://www.macromedia.com/support/search/
- Macromedia (MM)
>>>>>>>> Technotes
>>>>>>>> ==================
>>>>>>>>
>>>>>>>>
>>>>>>>> "Dan Galfano"
<[email protected]> wrote in message
>>>>>>>>
news:[email protected]...
>>>>>>>>> If I want to apply a
class to a flash movie, where do I place it
>>>>>>>>> in order for it to
listen?
>>>>>>>>>
>>>>>>>>> Here's my code:
>>>>>>>>>
>>>>>>>>> <div id="header">
>>>>>>>>> <p id="flash">
>>>>>>>>> <object
type="application/x-shockwave-flash"
>>>>>>>>>
data="/clients/affusion/webs/assets/affusionconsulting.swf"
>>>>>>>>> width="472" height="196"
class="movie">
>>>>>>>>> <param name="movie"
>>>>>>>>>
value="/clients/affusion/webs/assets/affusionconsulting.swf" />
>>>>>>>>> </object>
</p>
>>>>>>>>> </div>
>>>>>>>>>
>>>>>>>>> Here's the simple css:
>>>>>>>>> #flash {
>>>>>>>>> height: 214px;
>>>>>>>>> margin: 0 21px 0 15px;
>>>>>>>>> background:
url(/clients/affusion/webs/images/headerbg.gif)
>>>>>>>>> no-repeat left;
>>>>>>>>> display: block;
>>>>>>>>> text-align: right;
>>>>>>>>> }
>>>>>>>>>
>>>>>>>>> .movie { padding-top:
9px;}
>>>>>>>>>
>>>>>>>>> Here's the URL:
>>>>>>>>>
http://www.galfanodesign.com/clients/affusion/webs/final/index.asp
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> Might there be a simpler
solution to what I am seeking?
>>>>>>>>>
>>>>>>>>> Thanks!
>>>>>>>>>
>>>>>>>>> Dan
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>
>>>>
>>>
>>>
>>
>>
>
>

CSS of Search Portlet

Hi all
i want to change the css of search portlet so that it should be like other portal pages. Can anybody guide me in this regard??
Thanks

The default search portlets have their own layout and cannot be changed. Consider to create your own search engine with the [wwsrc_api|http://www.oracle.com/technology/products/ias/portal/html/plsqldoc/pldoc1014/wwsrc_api.html] API.

Problem with CSS and HTML

I don't understand what is wrong but I don't see the styles when I preview my html in chrome.
Here's my CSS
@charset "UTF-8";
/* CSS Document */
html {
          min-width: 768px;
body {
          font-size: 100%;
          font-family: Arial, Helvetica, sans-serif;
          line-height: 1.5rem;
.wrapper {}
img {
          width: 100%; /*All images will be 100% the size of their parent */
.baseline {
          background-image: url(../images/baseline.svg);
strong {
          font-weight: bold;
em {
          font-style: italic;
/* ----------------------------------------------------------------------------------------- ------------- Masthead */
.masthead {
          height: 6rem;
          background-color: rgba(51,153,255,1);
          margin-bottom: 1,5rem;
h1 {
          font-size: 1.5rem;
          color: #9F6;
          position: absolute;
          margin: 2.25rem 0 0 4%;
/*---------------------------------------------------------------------------------------- --------------------article --*/
article {
          padding: 0 4% 1.5rem;
.headline {
          height: 4.5rem;
          margin-bottom: 1.5rem;
          background-colour: rgba(0,0,0,.15)
h2 {
          font-family:Georgia,"Times New Roman", Times, serif;
          font-size: 2.25rem;
          position: absolute;
          margin: 1.5rem 2% 0;
.placeholder {
          width: 20%;
          flow: left;
          margin: 0 2.5% 1.5rem 0;
p {
          margin-bottom: 1.5rem;
.footnote {
          height: 4.5rem;
          background-color: rgba(0,0,0,.15)
.footnote p {
          font-size: .875rem;
          position: absolute;
          margin: 1.5rem 2% 0;
/*---------------------------------------------------------------------------------------- -------------------- Bottom --*/
.Bottom {
          height: 15rem;
          background-color: rgba(51,153,255,1);
.bottom p {
          font-sizes: .875rem;
          color; #FFF;
          position:absolute;
          margin: 1.5rem 4%
Here's my HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Box Model Tutorial</title>
<link href="box-model/reset.css" rel="stylesheet">
<link href="box-model/general.css" rel="stylesheet">
</head>
<body class="baseline">

                  <header class="masthead baseline"> 
                                <h1>Victoria</h1>

           <div class="wrapper">
                         <article>
                          <header class="headline">
                                    <h2>Tourism British-Columbia</h2>
                          </header>
                               <img src="box-model/images/images/British_Columbia_Legislative_Building,_Victoria,_BC_Wallpape r_2c8nm-1.jpg" alt="box-model/images/images/British_Columbia_Legislative_Building,_Victoria,_BC_Wallpape r_2c8nm-1.jpg">
                                
                                <p>The capital city of British Columbia, Victoria boasts many historic buildings and some of the most fascinating museums in Western Canada. The city benefits from one of Canada's mildest climates, which allows its residents to pursue outdoor pleasures all year round.
Victoria enjoys some of the country's most exhilarating scenery: there's an ocean or mountain vista around every corner, while the city's flower gardens are famous the world over. Whether your taste runs to golfing, hiking, biking and fishing or you're more the shopping, dining and theatre type, there are no end of delights for you and your family in Victoria – the city was included in the Top 10 Family Vacations in Canada in the TripAdvisor 2011 Travelers' Choice awards.
Established in 1843 by James Douglas as a fort for the Hudson's Bay Company, Victoria's British ancestry is apparent in the double-decker buses, horse-drawn carriages, formal gardens, and tearooms. The city is now a cosmopolitan centre with a lively entertainment scene and a wonderful array of attractions.</p>
               <footer class="footnote">
                                     <p> Article Footer (Related Articles, Footnotes, Authors Bio, etc.) </p>
                                 </footer>
                      </article>
                       </div> 

    <footer class="bottom">
             <p>Main Footer (Copyright, related Links, Legal, privacy, logo, etc.)</p>
    </footer>
</body>
</html>

Lines 6 & 7 of your HTML file (exercise-boxmodel.html), change this:
<link href="box-model/reset.css" rel="stylesheet">
<link href="box-model/general.css" rel="stylesheet">
to this:
<link href="reset.css" rel="stylesheet">
<link href="general.css" rel="stylesheet">
Your CSS files are in the same folder as your .html file. But your original linkage shows that they're within a sub-folder called 'box-model'. That link was returning a 404 Not found error. Hence, the browser was unable to load your CSS files.
Replace the code and you should be able to view it.

How to upload images in HTML portlet

Hi,
We want to allow users to add their HTML thru HTML portlets - there are two issues
1.How to upload the images that are part of HTML.
2.The <a> </a> doesn't work within the portal framework.
Thanks
Sachin

Hi,
You could also try giving the absolute URL to the image. This assumes you're using OC4J(Oracle Containers for J2EE), our J2EE compliant container. On your os, navigate to the following directory:
oc4j_home\j2ee\home\default-web-app. Create an images directory so the physical path becomes:
oc4j_home\j2ee\home\default-web-app\Images. Store your images in this directory. Startup oc4j by going to a command prompt and entering java -jar oc4j.jar at the oc4j_home\j2ee\home.
In your browser: http://hostname.domain:8888/Images/somegif.jpg. You can use the url in your <img src> tag in HTML.
Hope that helps. Please repost to this forum if you have further questions/issues.
Thanks,
Sudi Narasimhan
Oracle9iAS Portal Partner Management

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

Link in HTML Portlet not working

I have a HTML Portlet which has the following code
Back to Top
This link works fine in a stand alone html file. On click of 'Back to Top', it takes to top of the document. But if the code is embedded in html portlet, it takes to previous page accessed. I understand that the portlet is not able to understand that it needs to go to top of the object. How to fix this?

Hi Sakthi,
When you hower over the Back To Top link, what does it show in the status bar? Is it just prepending #top to your existing browser link? Or is it pointing to the previous page?
Secondly as Ido mentioned, you could always embed an anchor on your page template and refer to it.
As far as javascript is concerned, you could try something like document.scrollTo(0,0);
I am not sure if it works on IE and Firefox the same or not, but you could give it a shot.
thanks,
Harsha

How to use Custom Search in Dynamic Page or HTML Portlet ?

Gurus,
1. I have a tab called My Space in the portal web site, where user gets a personalized view of the content.
2. I am using custom attributes and custom item types. I have a custom attribute called 'Location', which is a attribute of custom item types.
3. I have 2 pages - News and Events.
4. All the content in News and Events page is tagged by the attribute 'Location'.
5. The requirement is to let the user search the News and Events by Location.
6. To achieve this I used the Custom Search portlet and the user can select the attribute Location and see the resultant News and Event items by location in the Search portlet.
7. The requirement is to present the News items and Event items in separate regions on the page and show only the first 5 News and Event items in the result and show a More link which would guide the user to rest of the News and Event items.
8. Eventually there may be more content other than News and Events tagged by location. If so, the requirement is to create a new region and display the new content.
9. How would I do this using custom search ? I was thinking if there is anyway I could use the custom search api (where can i find it ?) in the HTML portlet or Dynamic page and submit the result to IFRAMES in each region and show the output ?
Pls advise.
Thanx a bunch.

I would suggest that you use two custom search portlets; one for the news items and one for the events items. Switch the custom search portlets to "AutoQuery" mode and add the relevant criteria. On the results display tab of the the "edit defaults" screen, choose to show just 5 items.
To add a link to show the user mode results, I'd create two new pages that have just a single custom search portlet on it that is customised to show more of the results and maybe has the pagination links enabled.
Then I'd add two "Page Link" items underneath the two news and events portlets on the first page in an item region.
I'm sure there are other ways of doing this as well. Hope that helps to get you started.

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 display current user using HTML portlet

Hello,
Is it possible to show any text such as Greeting, Current User (ex, Hello, Kevin) using HTML portlet. Can I use <oracle></oracle> tags to get the current user from the API?
Please suggest me.
Thanks,
Satish

Thanks for your suggestion. There is also another way for this:
In a Portal text field (CMS item) you can type
#USER# to display the username of the authentificated user or
#USER.FULLNAME# to display the full name.
Thanks,
Satish

Dynamic List of Values in HTML Portlet

I need to create a dynamic lov that selects the emp name and id from the emp table. This needs to be placed in a HTML portlet. I tried creating a LOV from the applications in portal but I think it needs to be tied to a form/report. I tried creating manually (code below) but it doesn't seem to grab the info from the cursor.
Any ideas on how to do this or what is wrong with the code?
<table width="145" border="0" cellspacing="0" cellpadding="4">
<tr><td><b><FONT class="PortletText1"> View Child Information:</font></b>
<table width="135" border="0" cellspacing="0" cellpadding="1">
<form method="post" action="../utilities/switchschools.asp?ci=yy" name="childInfo">
<tr>
<td align="left" valign="bottom">
<select name="student" style="width:137px" onChange="SubmitChildList()">
<ORACLE>
declare
CURSOR get_emp IS
select A.ename empname, A.empno id
from emp
order by 1;
begin
FOR emp_loop in get_emp LOOP
htp.p('<option value= ' || emp_loop.id || '>';
htp.p(emp_loop.empname || '</option>';
END LOOP;
end;
</ORACLE>
</select>
</td>
<td align="right" valign="bottom">
<input type="image" title="Go" name="go" id="go" src="/images/go.gif" width="22" height="16" border="0" alt="Go" onclick="return childCheck();">
</td>
</tr>
</form>
</table>
</td></tr>
</table>

Hi,
You could make use of the application build tools avail .You could create a LOV based on the query and then use if while creating a form.You also create dynamic lovs within oracle form.
or you could create a dynamic page with the lov and write a javascript function which on change of the lov would be redirected to some page.
Thanks,
Anu

Apply CSS to HTML portlet

Similar Messages

Maybe you are looking for