Column link css styles

Hi all,
I have a report with a column link. It seems that the we cannot change the CSS class of this link ... I would like to fix the width of this specific link column by creating a new class or specifying new CSS styles, but none of these works. Do you have an idea ?
Thanks,
Othman

Hello,
The best way (and probably the simplest) to control columns width is to use the 'colgroup' tag (http://www.w3schools.com/tags/tag_colgroup.asp) in your template.
Here is a snippet of code I'm using in the Before Rows section of one of my report templates:
<table cellpadding="0" border="0" cellspacing="0" summary="">#TOP_PAGINATION#
<tr><td><table class="t5StandardAlternatingRowColors" cellpadding="0" cellspacing="0" border="0" summary=""><colgroup span="3">
<col width="20"></col>
<col width="70"></col>
<col width="150"></col>
</colgroup>Hope this helps,
Arie.

Similar Messages

Unexpected error when linking CSS style-sheet

I have been working on this site for over a month now. I have
a linked external CSS style sheet and everything has been working
seamlessly between Dreamweaver and the web. Today, I tried to
create a template and then disliked it, so I deleted it. After
doing that, my CSS rules were no longer displaying properly EVEN
THOUGH my formatting and everything has remained the same.
I have a feeling there is something cached behind the scenes
that is messing this all up. Community assistance is greatly
appreciated. This is not the first time I've been unable link a CSS
stylesheet.

upload the page and post a link, please.
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
==================
"rausch_g" <[email protected]> wrote in
message
news:f7im8a$7u4$[email protected]..
> This is not a display issue with the toolbar. There is
clearly a
> stylesheet
> attached in the header; however, in Dreamweaver when I
look in the
> "properties"
> panel while in CODE VIEW, it says there are no styles
and no attached
> style
> sheet. When I try to attach my style sheet, it says, "An
unexpected error
> occured while trying to read style-sheet information."
There are no
> errors on
> my style sheet, so I am unsure how to fix this.
>

Problem linking css style sheet

I am trying to link a css style sheet to a new root file. When I try to link the css sheet I get an error - A recursive style import was found while trying to add CFTtemp.css. Please resolve this error by editing the file in an external text editor and try again.
What does this mean? I looked up recursive style everywhere and there is no explanation. I don't know how to fix. This css sheet works in other sites.
screen shot attached

Perhaps some CSS statement in the stylesheet is trying to import your stylehseet! Thus the recursive warning. Look for "@import" statements and see if its trying to import the stylesheet. Then either comment them out (/*your old CSS*/) or remove it. Save. And see if that solves it. But not being able to see your whole stylesheet, this is only a guess.

Linked CSS not visible in CS3

When working in split or design mode, any linked css styles
do not seem to be applied to my document. I can preview the file
and view it with the linked CSS working, but that's really
annoying. Anyone else having this problem? Is there an easy fix I
am missing?
Thanks.
Josh
OSX 10.5
CS3
PowerPC G5 Dual 1.5

Hi guys,
Everything I'm working on is local on my computer. the
stylesheet (backend.css) is in the same folder as the .html files.
It is linked in my header as follows:
<link href="backend.css" rel="stylesheet"
type="text/css">
Nothing special about it. If I preview it in Safari, Opera,
Firefox, and IE it looks fine. In DW, if I use styles in the head
tags it shows up fine. If I link a stylesheet, it doesn't show up.
Here are some images that may help further illustrate the
problem:
Linked
Stylesheet
Styles in
Header

Using Column Value in CSS Style for Column in Report

I am trying to apply a CSS style (background color) to a column in a report based on another column.
So for the Column attributes for a specific column, I would like to be able to add this to the 'CSS Style' Field under the group, "Column Formatting":
background-color:#BKG_COLOR#;
It doesn't seem to be taking my column value, which is #daf2ea
In the CSS Style Field, if I change it to: background-color:#daf2ea - then it works.
So it doesn't seem to take my column value of #BKG_COLOR" in the CSS Style field.
Any ideas? Do I need to use the 'HTML Expression' field instead, and how would I do that?
Thanks,
John

Hi,
that's correct, custom report templates will do.
I find them sometimes quite limited, though. And I always ask myself "how would I do it without APEX", because there's often a lean jQuery solution that affords less coding.
If you employ a so called "marker class" that depends on your colour value, you could begin like in the previous answer and enter the follwing into HTML Expression:
<span class="#BKG_CLASS#">#THE_COLUMN_I_WANT_TO_SHOW#</span>
That means you would not query a plain color, but some name that can act as a CSS marker, like
select THE_COLUMN_I_WANT_TO_SHOW
, case when THE_COLUMN_I_WANT_TO_SHOW > 100 then 'hotColor' else 'coldColor' end as BKG_CLASS
from my_tableIn the page's Function and Global Variable Declaration, you'd enter
function colorMyReport () {
apex.jQuery('.hotColor').closest('td').css('background-color','#FAA');
}And under Execute when Page Loads, you enter:
colorMyReport();There's only one challenge, of course, when the report is paged via AJAX, because the script would only run once (on the first page shown).
But if this is a solution for you, I'd be pleased to show you how to overcome this. Just let me know.
Hope there is no typo in my typing, because I have to catch my train now :-)
Bye!

CSS Style Sheet Link Recursive Error?

I am trying to link a css style sheet to a new root file. When I try to link the css sheet I get an error - A recursive style import was found while trying to add Check Magazine.css. Please resolve this error by editing the file in an external text editor and try again.
What does this mean? I looked up recursive style everywhere and there is no explanation. I don't know how to fix. The answer I found on these forums mentioned an @import statement error but I dont even have any @import statemensts in my style sheet this style sheet is part of the Getting Started tutorial on this website.
@charset "utf-8";
#container{
width: 968px;
background: #FFFFFF;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
This is my code, can you help?

This is my index.html code, I am so lost as to what to do to get rid of this stupid error. My style sheet is not linked so of course it is useless and I have to code on both documents since the code doesnt show up automatically on the Style sheet when I add something to the index page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Check Magazine</title>
<style type="text/css">

</style>
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id="main_image"></div>
<div id="left_column">Content for id "left_column" Goes Here</div>
<div id="column_container">
<div id="right_column">Content for id "right_column" Goes Here</div>
<div id="center_column">Content for id "center_column" Goes Here</div>
</div>
</div>
</body>
</html>

How do I fix my CSS styles in linking and working right on my copied HTML and CSS files?

How do I properly link my CSS styles to my HTML file? (It's a single page website with a spry drop down menu, which somehow doesn't show when I hover over the buttons). I am using a copied file from the original because it was originally saved on my school computer so I had to relink everything.
When I click to see the CSS styles it says: 'sprymenubar.js'mis not on the local disk
When I click "get," it says the spry is not in a defined site. It says this for all my CSS styles.

My guess without seeing your code is that you're linking to files:/// on your hard drive instead of the local site folder. This would explain the problems you describe. When this happens, it's almost always because the site is not properly defined in DW's Site > Manage Sites panels:
Nancy O.

Template link to css styles lost

Hi, why, when I create a new page based a template, does the link to the css style sheet become broken?
I can see in the code of the new page that ".." is missing from the "../" in the url to the style sheets – but the template has the correct links in place.
Previous pages buolt using the same template(s) work fine. This appears to be a problem that has just occurred.
If anyone hs any clues, that would be much appreciated.
RP

All sorted! Copied all existing files to a new folder, then Site > New Site, chose the new folder, recreated the site cache and hey presto!
I managed to do something myself!
Hope this helps somebody else in the same fix!
RP

Css style sheet not linking

I am fairly new to dreamweaver and css. I have created an
html page and I created an external css style sheet for it. When I
preview it in my browser, it works, but when I FTP it and check the
site on the server, the html page doesn't "refer" to the css page
that I created. I checked my remote view of the server, the style
sheet is there and the source for the web page says that it should
be refering to it.
Here's the link to my page. It's a school project. I only
have the first page created for it so even tho there are rollovers,
there are no pages linked them, so just ignore that.
http://alliterationstudio.com/silverspark/index.htm
if you go to the main page on my site
http://alliterationstudio.com
you will see that I have a couple of other projects up there too.
If you go look at the arts and crafts page you will see that it has
a style sheet that links just fine to it, and I created it in the
same way. I'm at a loss here, since I'm really new to this web
design stuff.
BTW, I'm using Dreamweaver MX 2004 right now. I'll upgrade as
soon as I get my new computer, but either way, I don't think that
using an earlier version of the software is what is creating the
problem, right?
Thanks for the help,
Staci Stubbs

On 07 Apr 2007 in macromedia.dreamweaver, stacistubbs wrote:
> Here's the link to my page. It's a school project. I
only have the
> first page created for it so even tho there are
rollovers, there are
> no pages linked them, so just ignore that.
>
>
http://alliterationstudio.com/silverspark/index.htm
http://alliterationstudio.com/silverspark/silversparkstyle.css
returns a
403 (Forbidden) error. An imaginary stylesheet whose name I
entered
returned a 404 (File not found). In the other project which
had an
external stylesheet, there was no problem. So - it sounds
like a
permission issue on silversparkstyle.css. I'm not sure if
MX04 has a
file permissions 'thing' built in; if not, you'll either have
to get an
FTP client which does file permissions (FileZilla for Windows
http://filezilla.sourceforge.net/
does), or use a terminal app (SSH, like
putty, in preference to Telnet) to log in and change the
permissions.
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/contact.php

Set the css style of text in a column according to the value of another col

I'd like to set the css style of text in a column according to the value of another column. Each field may end up with a different style of text as a result, for instance.
Any ideas? I looked thru the forums but couldn't find anything.
Thanks,
Linda

Does the class=t7Header make it into the rendered HTML?
---The text "class="tHeader" does not show but the other text is rendered using the style t7Header as defined in the stylesheet! Exactly what I wanted.
You might want to use a div or a span instead of a p.
---Yes -
What's very cool is we can create a display column that is dynamically filled with the html and style wrappers based on a lookup to see what style should be applied according to the actual data value. This is critical as our tables are all dynamic so I can't depend on using the additional APEX methods to control the display of a column (as the # of columns in the view vary from instance to instance) and I did not want the display specs to muddy up my SQL queries.
I wonder why this is not well documented. It is so easy!
Thanks again for your help.
Linda

CSS Style (report column attributes) not working

I found the CSS Style settings for a report column only seem to work if using a "Standard Report Column". Since the report is wider than the screen, some columns are wrapping, making the report not-that-nice readable.
Unfortunately I have the need to define some report columns where undesired wrapping occurs as "Display as Text (based on LOV, does not save state)" and tried to avoid wrapping using "white-space:nowrap;" or specifying a fixed width, but it seems I'm out of luck - is there a way around this (other than performing the report query using a huge DECODE clause and setting the column to "Standard Report Column" again, which somewhat renders the LOV useless except for the select list on the data entry form)? This is happening on APEX 3.12.
Furthermore - is this expected behaviour?
Thanks in advance,
Holger

Furthermore - is this expected behaviour?Looks like it, or it is a [long-standing bug|http://forums.oracle.com/forums/thread.jspa?messageID=1126613]. I've tried it (although only have access to APEX 3.0 at present) and none of the CSS class/style/custom attributes from Column Formatting or Tabular Form Element are being applied. If it's not a bug then it should be raised as an enhancement request.
In the meantime you'll need to work round it.
other than performing the report query using a huge DECODE clause Is that necessary due to a static LOV? If it's dynamic based on a table/view then get the look-up value in the query via a join or scalar subquery so you have a Standard Report Column and can use the CSS class/style/custom attributes from Column Formatting.
Alternatively, stick with the Display as Text from LOV and create a custom named column report template using [colgroup/col|http://reference.sitepoint.com/html/colgroup] to specify fixed width columns.

Multiple links with same css style applied... showing up different on site

Hi,
I have applied the same CSS style, biolinks, to all of the links to peoples biographys on this page, but for some reason, they all show up different on the site? Why? Help!
http://www.healthdimensionsgroup.com/our_team_management.html

No... you have different styles on the two pages.
There is a "biolink" class applied to the Span on the second page that isn't applied to any links on the first.
That and the missing class on LYNN PETERSON are the only differences I see right off.
See the differences here?
<td width="561" align="left" valign="top" class="biolink"><a href="team/sergei-shvetzoff.html" title="Sergei Shvetzoff" class="biolink"><Span class="biolink">SERGEI SHVETZOFF</Span></a></td> (second page - 3 applications of "biolink" class) vs.
<td width="515" align="left" valign="top" class="biolink"><a href="team/karyn-price.html" title="Karyn Price"class="biolink"><Span>KARYN PRICE</Span></a></td> ( first page - two applications of "biolink" class) vs.
<td width="515" align="left" valign="top" class="biolink"><a href="team/lynn-peterson.html" title="Lynn Peterson">LYNN PETERSON</a></td> (first page - one application of "biolink" class)
three different styles once the browser interprets them… any browser.
Also:
biolink {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #CBB677;
    text-decoration: none;
a.biolink:hover {
    color: #EBE3CB;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-decoration: none;
.biolink {
    color: #CBB677;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    text-decoration: none;
is redundant in your application of it with the same class applied to the td, the link and the span…
use:
td a.biolink {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #CBB677;
     font-size: 18px;
    text-decoration: none;
td a.biolink:hover {
    color: #EBE3CB;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-decoration: none;
and ONLY apply the "biolink" class to the link <a href>, nowhere else.

Css style in css panel but it is not entering into the actual css linked file

I have entered a couple of class styles in my css panel but when I go to view the actual linked css file those styles are not there. Of course, previewing and viewing on the server do not show the styles. I know I can manually enter them in the file but that kind of defeats the purpose of the panel. Any ideas? Thanks.

Did you save the CSS file after making changes to it?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Apply CSS style to alternating columns of Listview

I would like to apply a specific CSS style to item for alternating column of a Listview. Is there a way to do that? Since a listview is dynamic and the number of columns and rows that are render depends on the size and resolution of display, the number of
items in a column will change.
Thank you.
Christine
MCSD, MCITP, MCTS

If you could consider the alternating colours a progressive enhancement and not absolutely required in all (old) browsers then you could use a CSS n-th child selector to apply the colour without changing the HTML.
If you have jQuery (or similar) in your project already and want a solution for older browser, you could use that to select every other row with the :odd or :even selector.
Update (Example)
Assuming we are using table rows
tr:nth-child(odd) td{
background-color: red;
You can also use even, 2n or 2n+1. This would work equally well with
<li> tags.
More examples:
http://reference.sitepoint.com/css/pseudoclass-nthchild

Display the second report as modalform and filter with primary key value of first report when you click on first report column link

Hi All,
I have two reports.
1. order report
2. order detail report
when you click on the order report column it display the order detail report as a modal form.
i was done below steps.
1. In page header i was written the below code
<link rel="stylesheet" href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/
redmond/jquery-ui.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"> </script>
<script type="text/javascript">
$( function() {
$('#ModalForm1').dialog(
autoOpen : false ,
width :470,
height: 500,
resize :false,
function openForm1()
$('#ModalForm1').dialog('open');
function closeForm()
$('#ModalForm1 input[type="text"]').val('');
$('#ModalForm1').dialog('close');
</script>
2. order report.
3. order detail report
select * from order_details where order_id = p_order_id;
region header
<div id="ModalForm1" title="Ordered Items" style="display:none">
<p class="msg"></p>
footer
</div>
4. created the hidden item in order detail report.
5. in order report column attributes i was given link like below.
javascript:$s('p_order_id','#order_id#');openForm1();
when i click on the order report column link it passing the row primary key value to hiddent and open the report as modal form. however it is not filter the report with hidden item. it showing the no data found.
problem is hidden item value is not submitting. once we submit that value it showing the 2nd report with filter data.
can any help me to achieve above requirement.
apex: 4.2
oracle 11g
Regards,
Vijay.

Vijay,
Issue 1: Your usage of $s() JavaScript API seems to be wrong. For the first parameter, you need to use the name of the hidden page item and not p_order_id.
javascript:$s('P1_ORDER_ID','#ORDER_ID#');openForm1();
Issue 2: Seems like you are not setting the hidden page item's value in session state. Assuming your hidden page item is called P1_ORDER_ID, Under "Region Definition" tab of your "Order Detail Report" under "Source" tab, for page items to submit, enter the name of the hidden page item P1_ORDER_ID.
Thanks!
JMcG

Column link css styles

Similar Messages

Maybe you are looking for