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!
Similar Messages
-
Revision: 4285
Author: [email protected]
Date: 2008-12-10 16:08:28 -0800 (Wed, 10 Dec 2008)
Log Message:
Exposed TLF's new textJustify property on ParagraphElement as a CSS style for Gumbo components. It works with TextBox, TextGraphic, TextView, and components that use these primitives. When text is fully justified, this property determines whether the extra pixels are added between words or between any characters.
QE Notes: Please add tests for this new functionality.
Doc Notes: None
Bugs: None
Reviewer: Jason
Modified Paths:
flex/sdk/trunk/frameworks/projects/flex4/src/mx/graphics/TextBox.as
flex/sdk/trunk/frameworks/projects/flex4/src/mx/graphics/graphicsClasses/TextBlockCompose r.as
flex/sdk/trunk/frameworks/projects/flex4/src/mx/styles/metadata/BasicParagraphFormatTextS tyles.asHello xhpx,
In your media queries your changing the .gridContainer but the #LayoutDiv1 is the same. The reason the color goes away is the media query for mobile sizes doesn't have the background color. Though I would remove #LayoutDiv1 from any media query since it doesn't need to change.
http://jsfiddle.net/gCka7/
hope this helps.
Chad Smith - BCGurus.com
also, creating a jsfiddle or just a link to the site could make it easier for debuging. -
I want to include some css style for a row inside a table(which fetches results from database.)CSS style works for the table but not for the row inside.Pls help.
Here is my code:(inside php script)
echo "<table align=\"center\" class=\"studinfo\">
<tr class=\"studinforow\"><td>Name:</td><td>".$row['Name']."</td></tr>
<tr class=\"studinforow\"><td>Exam No:</td><td>".$row['Examno']."</td></tr>
<tr class=\"studinforow\"><td>Roll No:</td><td>".$row['Rno']."</td></tr>
<tr class=\"studinforow\"><td>Semester:</td><td>".$row['Sem']."</td></tr></table>";
CSS code:
.studinfo {
margin-top: 20px;
background-color: #E9F9FC;
margin-bottom: 10px;
width: 350px;
font-family: Sintony;
font-size: 13px;
line-height: 22px;
padding: 5px;
border: 1px solid #AEE8F4;
height: 150px;
.studinforow {
padding: 25px;I don't think padding works on the <tr> tag so you may find you need to add it to the <td> tag:
<td class=\"studinforow\">Semester:</td><td class=\"studinforow\">".$row['Sem']."</td>
You could just add the padding like below instead on every <td> tag:
.studinfo td {
padding: 25px; -
NullReferenceException when using Razor "@" inside of CSS styles
Issue:
Receiving "Object Reference Not set to an instance of an object" when I hit ctrl-v in CSS styles
Steps to Reproduce:
Open Visual Studio Ultimate 2013
Create new ASP.NET Web Application (Create directory for solution)
Choose MVC (Auth is Individual User Accounts)
Open Shared/_Layout.cshtml (I can reproduce the error by following the below steps in any .cshtml file)
DO NOT SAVE FILE CHANGES AT ANY POINT (though I've noticed this makes no difference)
Add <style> </style> just before </head>
Add #foo {color: red;} inside of <style>
CSS syntax highlighting still works at this point
Add razor syntax @ symbol to color: red;
#foo {@color: red}
CSS syntax highlighting is lost
Add #bar {color: green;}
Highlight #bar {color: green;}
Hit ctrl-c to copy
hit ctrl-v to paste clipboard anywhere BUT inside of <style></style>
Pasting outside of <style> should still work.
Now hit ctrl-v and paste clipboard inside of <style></style>
shoudl receive Error message: Object reference not set to an instance of an object
Undo (ctrl-Z) should no longer work at this point
NOTES:
Copying from outside of visual studio and pasting inside the <style> tag in _Layout.cshtml should nto produce an error
Last thing, it does not matter if I am using the @ symbol in valid CSS (background: @url(...)) or invalid CSS (color: @red)
Trying to escape the @ symbol (background: @@url(...)) mnakes no difference.
Info:
Microsoft Visual Studio Ultimate 2013 version 12.0.21005.1 REL
.NET Framework version 4.5.51650
Windows 8.1 Enterprise v6.3.9600 Build 9600
Nuget Packages installed - only what is installed by default when creating new MVC ASP.NET Web ApplicationHi jonathanthomas,
Since this issue is related to the web development,
you could ask this question in the ASP.NET forum:
http://forums.asp.net. If then, you could get
an answer more quickly and professional. Thanks for your cooperation.
Best Regards,
Jack
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey. -
Any way to single out unused CSS styles, for deletion?
Any way to gather a list of all CSS styles in a given
stylesheet that are no
longer being used by any files in a given website, so they
can be purged?Please submit this to the development team -
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
However, if you have so many custom classes that you have to
worry about
this, then you are not using CSS effectively -
In general, you don't need many custom classes. And, in fact,
they
make your life more difficult when you come back to maintain
the page a year
later. As Micha said, use ID selectors and create descendent
selector
rules, for example -
#maintable { .... }
#maintable td { .... }
#maintable td table { ... }
each of those rules would apply explicitly to a) this table -
<table id="maintable">,
and b) this cell -
<table id="maintable">
<tr>
<td>...</td>
</tr>
</table> (and all others in that table),
and to this table -
<table id="maintable">
<tr>
<td>
<table>
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
Then you could use this rule -
#maintable table td.special { .... }
to apply to this cell explicitly -
<table id="maintable">
<tr>
<td>
<table>
<tr>
<td class="special">this one</td>
<td>but not this one</td>
<td class="special">this one</td>
<td>but not this one</td>
</tr>
</table>
</td>
</tr>
</table>
Make sense?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Mike J.S." <[email protected]> wrote in message
news:fevvgn$7m2$[email protected]..
> Any way to gather a list of all CSS styles in a given
stylesheet that are
> no longer being used by any files in a given website, so
they can be
> purged?
> -
Over writing CSS style for links
I've set up a style sheet for the site I'm building which
works great. But we want to have the link style on just one of the
pages different from the rest of the site.
I thought I could just over write it in the styles for that
page to create the look we want. Unfortunately it won't let me do
that and goes back to the site link style.
Is there a simple way to overwrite this style for just the
one page?
Any help would be greatly appreciated.
Thanks!
dmTry
http://www.projectseven.com/tutorials/css/pseudoclasses/index.htm
Regards
John Waller -
I know it's common to create multiple styles for all the
fonts on a website but how can I create multiple styles for links
where one if you hover it'll turn red and another link it'll turn
blue?quote:
Originally posted by:
Newsgroup User
You're welcome. If that was your first visit to P7 you may
want to bookmark
the site. It is an invaluable resource. I own several P7
products and they
are all great.
Walt
"rmiman" <[email protected]> wrote in
message
news:etp7ir$dh5$[email protected]..
> Thanks, that tutorial was great, it showed me just what
I was looking for!
It actually was my first time on that site and I loved what I
was able to learn. Do you have anymore great CSS tutorial
sites? -
Why are my inline css styles for BC tags being ignored and just default to blue underlines?
I am familiar with inline css styling for email campaigns and have always customised links in emails with the code I sent:
however Im puzzled why this code doesn't work with BC tags {tag_viewinbrowser} and {tag_unsubscribe}, any help would
be great as I think the default blue links look ugly.
This is my code: <a href="" style="color:#78787c; text-decoration:underline;">{tag_viewinbrowser}</a>
All other links I have styled appear as they should, its just BC tags where the style seems to be ignored?You can put <style>span#unsubscribe a{color:red;}</style> code in your newsletter html that can address the DOM that is specific to those links. BC is adding it's own anchor tags for those links so your style isn't touching it. Rewrite your tag to look like this. <span id="unsubscribe">{tag_unsubscribe}</span> . That with the style code will solve your problem.
-
Using "Oracle Positional" as Binding Style for VO
Hi,
I have create a VO using Binding Style as "Oracle Positional". The query I have given as..
"select <All Column names> from Emp where deptNo = :1"
I have drag and drop the datacontrol related to this VO on JSP page.
Now the main issue is, "How to pass the default value for where condition when the page loads"?
can I add some thing in PageDef file to pass this data.
Thanks...
SreeTwo options:
1. You can define the default value at the view object layer in the binding parameter section.
2. If this is page specific then you can define it in the pagedef.xml file - look for the variableUsage tag under the executables section and set the DefaultValue property. -
Change CSS styles for Acces Web App
Here's the problem, the #s4-mini-header needs to be set to display:none so the SharePoint header is not shown. Ideally this would be conditional based on group membership (i.e. Site Owners would see the section, for read only it would be hidden)
I need to block the "Open in Access" option allows people with read only access to open my database on their local systems. We're publishing a "member" price list and do not want someone to be able to download the whole list
and share it with our competitors.
I've seen quite a few posts on this without solution. The most common is that "MS is aware of the issue".
I should be able to hid it in CSS if I can find the file and edit it. It appears to be using the minimal.master mater page. SharePoint designer is not allowed to open the site, is this something I need Visual Studio to do?
I've been given a deadline of today to make the site available for our partners so it looks like they'll get the Options header..
Thanks for any help!
VVI have found a KLUDGE that solves this particular problem. Unfortunately it impacts all of the access websites served by that IIS server.
The problem is that the default.aspx page created when the Access Web App is published has the MasterPageFile value set to point to a file named minimal.master located in \15\TEMPLATE\GGLOBAL. That file is loaded by the default
page. I couldn't find the default.aspx file to edit so I did the next best thing: I modified the minimal.master file.
To repeat, the one big gotcha is that changing the file at that location applies the change to ALL access web apps on the IIS server.
I added style="display:none !important" to the first s4-pr div and the banner was removed.
A more elegant solution would have been to edit the default.aspx file but I couldn't find it. If someone comes up with a better way to do this please post it!
Thanks for all who helped! -
Need to override CSS style for link
I've set up a page with an external style sheet. I have a
link within a heading that I want to look different from my CSS
link style (I want it to match the heading). Is there a way to
override the basic style? I tried setting up a class and that
didn't work. Any suggestions would be greatly appreciatedClearly there is a typo there. It should be either this -
.heading a:link {
(leading dot for heading - no SPACE after the colon)
or this -
#heading a:link {
depending on whether there is a custom class or an ID
selector being used to
identify the container for the link.
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
==================
"Katsuey" <[email protected]> wrote in message
news:f1rf6c$h92$[email protected]..
>> I've set up a page with an external style sheet. I
have a link within a
>> heading that I want to look different from my CSS
link style (I want it
>> to
>> match the heading). Is there a way to override the
basic style? I tried
>> setting up a class and that didn't work. Any
suggestions would be
>> greatly
>> appreciated
>
> Yes, give that heading a different style such as:
>
> heading a: link{
> color: red;
> }
>
> Where as all other links might be:
> a:link {
> color: blue;
> }
> -
How do I create more than one CSS style for text links?
Hello,
Just like the title says, I need help with creating more than one CSS text link style in Dreamweaver CS4. For instance, I want the navigation on the website I'm building to have a different text link style than a link in some part of the body copy. I've been playing with Dreamweaver for a while and can't find any way to do this. If it's even possible to do this, I would really appreciate any help.Yes it is possible but as you have failed to provide a valid link to your site, I will tell you in general Terms:
1) First create a class or an ID to to your Nav bar;
2) Now style your navbar in such a way that these styles will only apply to your nav bar. To do this, you start your style by doing something like this:
ul#vavigation {.........}
ul#navigation a {.........}
ul#navigation a:hover {.........}
ul#navigation li {.........}
your html code might look like this:
<ul id="navigation">
<li><a href="#">Home</a></li>
etc etc .........................
</ul>
hth -
Using cost center as a characteristics for GLPCT based report painter
Hi,
Can we use cost center as a characteristics in a report painter report in a library using GLPCT table?
It shows in the selection list but if can not save report if tried to use. Is there a work around as KOSTL is not part of GLPCT?
Thanks,
SanjayYou can create a report based on PCA line items, where there is the cost centre
I copied a library for PCA line items reports and made a custom report
cheers
matej -
How to apply CSS style values to h:messages ?
Hi Folks,
I'm quite new to JSF development. What I'm currently trying to do, is to apply a CSS style for a <h:messages> tag:
<h:messages globalOnly="true" style="color: red;" layout="table" />Unfortunately the style "color: red;" is not being applied to the generated HTML table (or list):
<table>
<tr>
<td>My Error Message!</td>
</tr>
</table>But I assume the generated HTML should rather look something like this:
<table style="color: red;">
<tr>
<td>My Error Message!</td>
</tr>
</table>I'm using MyFaces 1.1.3 with Tomcat 5.5. Is this maybe a bug in MyFaces?
SaluteWe speak HTML here.
Let's see what you have tried so far, please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Buescorpmtf" <[email protected]> wrote in
message
news:g3p16e$j03$[email protected]..
>I have been trying to apply a simple CSS style of a
rounded border to my
>web
> pages. I received the coding and images from
http://www.roundedcornr.com.
> I
> downloaded the images and linked them in the CSS style
editor. I tried to
> apply the style to the webpage/container, but it won't
apply. This seems
> like
> a pretty simple task, but I can not get it done.
>
> Does anyone know how to do this? Step by Step and in
plain English? :)
>
> Thanks
> -
Can I use MD5 value for indexing files ?
I would like to know if MD5 value for each unqiue file is also unique. I am wonder if U can use MD5 value of a file for indexing. Any suggestion ??
I would like to know if MD5 value for each unqiue file
is also unique.No, since the number of MD5 hashes is less than the number of possible files. Of course, if you don't have many files the probability of clashes is pretty low. There's some theory about this which you'll find in algorithms textbooks where they talk about hash tables.
I am wonder if U can use MD5 value of
a file for indexing. Any suggestion ??Why? Don't you want your index to tell you something about the contents of the file?
Maybe you are looking for
-
Adobe Photoshop CS6 Extended Could not complete your request because of a program error.
When starting Photoshop CS6 I get this error message, Adobe Photoshop CS6 Extended Could not complete your request because of a program error (-- OK --). This happens on the main screen immediately. Once I click OK the program seems to be alright.
-
Situation: Cable modem connected to Extreme base station. Powerbook G4 with 10.3.9 and iMac with 10.3.9 connected by airport to base station. This has been working for more then a year. This morning I had no internet connection on the G4 or the iMac.
-
Dear all, I have a some problem in running my labview program. I intention is to generate an output voltage by using my machine (by Nanonis), thus I am using their program in Nanoinis program interface. However, I might have make some connection wro
-
Safari 5.1 can't display certain PDF files
Dear Apple fans. Perhaps someone can put me on the right track since I am nearly loosing my sanity. Last month I downloaded my E-statement from a bank without any problems. These statements require an Adobe Viewer plugin to display in the Safari wind
-
27" iMac mid 2010, Mountain Lion, not sleeping...
I have just upgraded my 27" iMac mid 2010 to Mountain Lion (Now running 10.8.2). Ever since it won't go to sleep and neither will the display turn off when I set it to go off automatically in the Energy Saver preferences. After finding other posts