Using CSS to customize POJO

It is rather simple to customize any Node using CSS. But how can one use CSS with POJOs (explicity: non-Nodes)? I implemented Styleable on a POJO, but certainly this is only one side of the medal. The second side is: How to tell the JavaFX runtime that a POJO (explicitly an instance that is not part of the GUI) is to be customized by CSS? My aim is to use CSS to customize properties of the model, which obviously can change while no scene is visible. I noticed that Style Manager seems to do that, but that class is not part of the public API, unfortunately.

Thank you for the reply, but I'm not really looking to go from Photoshop >to> Web/HTML/CSS) in this instance. I'm looking to have an external CSS effect >>> PSDs. It's a mobile app so I will end up manually organizing and optimizing all of my assets to be passed to a dev who, depending on what platform they are on, will most likely program it in C++ or Java.
Specifically, I am looking for a way to use Cascading Style Sheets >to effect> Photoshop elements, similar to how InDesign does : http://desktoppub.about.com/od/indesign/ss/id_css.htm. It's more about saving time when a client request an edit. Like changing a single color that will affect 5 elements in 100 different PSDs equalling 500 changes. If that color is defined in one place similar to CSS I only need to change it once.
Is there a feature (Besides Placed Linked) in PhotoShop that allows for this?
Thanks.

Similar Messages

TableView columns headers customization using CSS

Hi,
I'm trying to customize the TableView columns headers using CSS, but up until now, I was not able to find the CSS class name for the previously mentioned elements.
Can anyone point me to a document or link where I can find all the available CSS classes for TableView and, why not for all the JAVA FX 2.0 widgets.
Thanks,
Alin

Here's the Oracle CSS Reference guide for JavaFX:
http://docs.oracle.com/javafx/2.0/api/javafx/scene/doc-files/cssref.html#tableview
You can also look at caspian.css inside the javafx runtime as it is the default CSS sheet for JavaFX applications and is a good place to see a lot of the style classes in use. The particular class you want is .table-view .column-header{} for individual columns or .table-view .column-header-background{} for the whole table header in general. Hope that helps.

How to use CSS option in Answers

Hi,
I have around 5 Dashboards, which includes close to 20 Reports.
I would like to learn how I can format column name (like Font, Size) and data appearance in each report.
Currently am doing it manually, one column by one column. I would like to know how to use CSS option.
Regards,
Jitendra

The easiest way is to do this is to create a new "skin" for your dashboards or either modify the default. The location of the default folder is /res/s_oracle10/b_mozilla/views.css. The view.css file is where you can go and customize the classes. For example, if you want to customize the Pivot Table Row Header, search for .PTRH and then you can alter the existing formatting or add additional specifications.

How do I scale a lot of images using CSS in HTML5 and CSS3

I have a CSS image gallery that displays a larger photo with descriptive text below it, when a thumbnail image is hovered on.
Each photo has code like that following:
<a class="thumbnail" >
<img src="thumbs1/paradethumbs/DSC_0073.jpg" alt="thumbnail picture" />
<span><img src="pics1/paradepics/DSC_0073.jpg" alt=" " /><br /> 19 - a black faced sheep.</span>
</a>
The first source is a thumbnail, image stored at a size of 72 by 48.
The second source is an image stored at 600 x 400.
When the thunbnail is hovered on, the larger photo is displayed at its full size using css.
There are 20 or so thumbnails in this gallery, and different numbers in other galleries that use the same code.
The example above is number 19 from 20.
This works fine on tablets and larger displays.
When I wish to show it on an Iphone or similar, with a display that is 480 or less wide, I need to scale the larger photo down to 300 wide.
As the Iphone will have a lower quality of image than a larger display, it will not matter too much if the 600x400 photo is scaled down, and having tried it by giving it an ID with CSS like
#imagescale{ width:300px; } it looks acceptable. However, as IDs are supposed to be unique, then thats a no go area for the remaining photos.
My problem is how do I select the second image source shown in bold above, and scale it and the span text by 50%.
The text is not too important as it can be changed to fit - the image is the main problem.
I need someting like "if the display is less than 600 and the image is in the pics directory, display it at 300 wide".
The browser will hopefully take care of the height.
Any suggestiosn would be appreciated.
Howard Walker

Thanks Nancy. The general idea and the link to the article helped a lot.
However, the css using using a percentage had unpredictable results when selecting repeated images.
The first one scales to 50% and then the next scales to 50% of the last one (25%) and so on ad infinitum, unless you click on another object that is not an image.
Using a pixel size like 280px rather than a percentage did the trick, but it also involved changing lots of other items before I could get everything to fit.
Now I have a better knowledge of media queries and how to set them up.
Best of all, all my image galleries work fine just using css and html. Never thought that would happen.
Take five stars!
And the same to David Powers for his great article.
Howard Walker

Use css file in oracle 10g report builder

hi every one
i am using oracle 10g report buidler. i want control paramform by usign css file.
any body have idea how can i use css file in oracle report builder 10g and how can i modify it's path and i how can i manage any css class on a perticular field.

Thanks Billy.
Yes you are right.
Here why I discarded that option is,
I may get the source files with changing layouts.
My Actual scenario is as follows.
Initially we developped all the things using PL/SQL packages. Its working fine.
But as per the inputs we received from requirements group, the file structure changes dynamically. and we would able to consider those new columns also. We should be able to changes the rules dynamically.
Lets say, we doing fullouter join on Src_A and Src_B. on columns col1_A and col1_B.
Now the requirement changes in a way that, the join should be done on Src_A and Src_C. on columns col1_A and col_C.
For this I need to define a new package.
Instead of that, I would like to do everything dynamically based on configuration parameters given as input.
Thank you,
Regards,
Gowtham Sen

Problem regarding the creation of Table using CSS.

Hi ,
Here I have a Problem regarding the creation of Table using CSS.
In My Application i have a table with multiple rows(Rows are Dynamically added to the table).First i am setting the table with the following properties:
width:900px;
height : auto,
Overflow : visible,
Max-height: : 200px.
If I use above properties,I'm getting a table with 5 or 6 rows(height upto 200px).After that i am getting the Vertical ScrollBar.
The problem is when a table has many columns, Vertical and Horizontal Scrolls are coming at the time of setting the table. The table height is not Increasing dynamically.
How can i use "height" property in CSS? (I want the table height to be increased when the columns are more.)
Thanks & Regards
Madhavi

Hey humble user. Errr I'm trying to understand what ur trying to do. U want to create a section of a region destructively from an existing region right? If so select the option convert to new region (opt-comm-R or selecting it by right clicking). Check your audio bin to make sure. Whats the "merge" function? Are u refering to the glue tool?

Displaying linked pages in an area of the screen, using CSS?

Imagine that I have a column on the left of the page that has a list of links to other pages. When you click on any of those links, then to the right the linked page is shown.
I know how to do this with frames, but I'm trying to figure this one out using CSS.
Can anyone point me in the right direction?
Below is a code sample that if your save and then view in a browser will show you (hopefully) what I am trying to achieve.
<!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>Test site</title>
<style type="text/css">

div.header {
height:4em;
width:auto;
border:0;
padding:0;
text-align:center;
background-color:#6CF;
div.sidebar {
width: 15em;
float:left;
text-align: left;
border-bottom:0px;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 0em;
    background-color:#390
div.footer {
width:auto;
border:0;
padding:0;
text-align:center;
background-color:#6CF
-->
</style>
</head>
<body>
<div class="header">
   header goes here
</div>
<div class="sidebar">

   Link to page 1<br />
   Link to page 2<br />
   Link to page 3<br />
   etc...<br />
</div>

This is the area where the pages linked to should be displayed.<br />
So, if you click on the "Link to page 1" link, to the left, the contents of page 1 will be shown here.<br />
If you click on the link to the left that says "Link to page 2" then the contents of page 2 will be shown here, etc.<br clear="left" />
<div class="footer">
footer goes here
</div>
</body>
</html>

Thank you Nancy! Your solution is (I believe) 99% of the way to being exactly what I want.
The code fragment below:
<div class="sidebar">

   <a href="../Test/About.html" target="Frame1"> About</a><p>
   <a href="../Test/FAQ.html" target="Frame1"> FAQ</a><p>
   <a href="../Test/Contact.html" target="Frame1"> Contact us</a><p>
</div>
<iframe name="Frame1" id="Frame1" src="../Test/About.html" height="auto" width="auto" allowtransparency="true" border="0" margin="0" scrolling="auto" > </iframe>
but I want the window that contains the 'imported' code to expand to be the same height as the sidebar and wide enough to stretch to the rightmost side of the visible screen.
I was guessing that
height="auto" width="auto"
would have done the trick, but it would seem not. Any ideas?

Using CSS and Javascript to display a div with flash in it, mozilla reloads the flash file!

I am using CSS and Javascript to display a div with an
embedded flash object in it. Mozilla Firefox reloads the flash file
when the div is displayed! (I dont want this to happen, as it's
unexpected functionality, my expectation would be that the flash
file would not change it's state at all, and would remain in
whatever state it was left in.)
I was wondering if anyone has come across this issue and is
there something I can do to prevent this from occurring?
To be more specific, I have a single HTML page with 8 flash
files embedded in it (yeah I know, it's a bit much). I am then
using CSS and Javascript to display (via a numbered link (with an
id)) an equivalent numbered div tag containing the flash file.
Mozilla Firefox reloads the flash object that is in the div.
Internet Explorer will not do this and will instead, load the flash
object only upon initial view of the flash object. All subsequent
links (in IE) will NOT reload the flash object on the page. I'm
guessing this is some kind of difference in the flash player as an
Active X object and the plugin, or is it just IE being clever? Or
am I way off?
Anyway, here is the code...

I am using CSS and Javascript to display a div with an
embedded flash object in it. Mozilla Firefox reloads the flash file
when the div is displayed! (I dont want this to happen, as it's
unexpected functionality, my expectation would be that the flash
file would not change it's state at all, and would remain in
whatever state it was left in.)
I was wondering if anyone has come across this issue and is
there something I can do to prevent this from occurring?
To be more specific, I have a single HTML page with 8 flash
files embedded in it (yeah I know, it's a bit much). I am then
using CSS and Javascript to display (via a numbered link (with an
id)) an equivalent numbered div tag containing the flash file.
Mozilla Firefox reloads the flash object that is in the div.
Internet Explorer will not do this and will instead, load the flash
object only upon initial view of the flash object. All subsequent
links (in IE) will NOT reload the flash object on the page. I'm
guessing this is some kind of difference in the flash player as an
Active X object and the plugin, or is it just IE being clever? Or
am I way off?
Anyway, here is the code...

Resizing image using CSS - not working in IE

Hello,
I have a standard report with couple of columns one of which a image column. The images are of varying sizes and I manged to resize them to a fixed width & height by using CSS code in page header as below:
td[headers="ITEM_PICTURE"] img {
display: block;
width: 70px;
border: 1px solid #999;
padding: 4px;
background: #f6f6f6;
}The CSS does the trick in Chrome & Firefox but does not work in internet explorer. Is there a way to make this CSS code IE friendly?
Cheers for help.

William Wallace wrote:
I am using Apex 4.2.1 (had this issue in 4.1.1 as well) and using theme 10.Ah, the Sludge Sand theme. In 4.x that's a legacy theme only really included to allow applications to run on IE6. It's therefore intended to run in quirks mode, meaning in Internet Explorer terms there's no support for anything that didn't work in IE6 (for certain values of "work"). This means no CSS3, no support for a lot of useful CSS2.1 stuff (like attribute selectors), and probably problems with jQuery which requires standards mode. Adding a DOCTYPE to the page templates to trigger standards mode Interactive Report: how can I display carriage returns?. In 4.2 you really should switch to one of the latest Standard themes, or at least one of the standards mode Legacy themes (those not marked with a "*").
If you must use theme 10, and there are no other images in this report (like edit icons) then you could add a static ID to the region and use a more basic selector like:
#static-id td.t10data img {
display: block;
width: 70px;
border: 1px solid #999;
padding: 4px;
background: #f6f6f6;
}However, it appears that one of IE's quirkier quirks mode quirks is that CSS padding is not supported on images, so the presentation you want is not possible using theme 10 in IE and CSS alone.
Switching to a modern theme is recommended.
Edited by: fac586 on 02-Mar-2013 10:31

Buttons using CSS not working properly

I am using Dreamweaver CS4.
I can't get buttons to work properly using CSS.
The buttons are supposed to have a red border around them when inactive (a:link).
Hovering over the button causes it to change its appearence (this works).
Clicking the button works.
Do this then click the BACK arrow.
Buttons no longer have red border.
I have tried this with FireFox, IE 7, IE 6 and Safari. They all do the same thing.
You may see it in action at www.justforso.net/buttons.htm
What am I doing wrong???
     ..... Thanks for your help
Here is the code:
/* CSS Document */
Theme Name: Buttons Test
     margin: 0;
     padding: 0;
body {
     font: 80%/1.6 Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
     color: black;
a.example1:link
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-style:outset;
   border-color:red;
   border-width:5px;
   background-color: #FFFFCE;
   width:125px;
   color:navy;
a.example1:hover
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-style:inset;
   border-color:red;
   border-width:5px;
   background-color: #FFFFCE;
   width:125px;
   color:maroon;
/* CSS Document */
/* HTML Document */
<!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>Buttons Test</title>
<link rel="stylesheet" href="buttons.css" type="text/css" media="screen" />
</head>
<body>
<p> </p>
<p> </p>
<A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
<A href="http://www.sitepoint.com/" class="example1"> Promotion </A>
<A href="http://www.sitepoint.com/" class="example1"> Site Point </A>
</body>
</html>
/* HTML Document */

It's because you have created styles only for the :link and :hover pseudo-classes. Your buttons revert to the default state when the link is active (being clicked) or has been visited. You need to assign properties to the :visited and :active pseudo-classes as well.
Another point about your CSS is that you're failing to make use of the cascade. There's no need to repeat values that don't change. I have rewritten your CSS like this:
a.example1
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   border-width:5px;
   border-color:red;
   background-color: #FFFFCE;
   width:125px;
   color:navy;
a.example1:link, a.example1:visited {
     border-style:outset;
a.example1:hover, a.example1:active
   border-style:inset;
   color:maroon;
This applies common rules to the basic a.example1 selector, and sets the overrides for the pseudo-classes.
One other point. You're using an XHTML DOCTYPE. All tag names MUST be in lowercase to be valid. This is wrong:
<A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
The opening and closing <a> tags should be in lowercase.

Can't set parameters for embedded audio files using css

I'm embedding numerous audio files in Dreamweaver CS3 using
the <embed> tag. I'm using CSS to control the box size and
other attributes relating to how the file displays on the page, but
I'd also like to set the parameter "autoplay" to false, and
controller to "true," for all of the audio files. I've been doing
this individually for each file (very time consuming), because I
can't figure out a way to do it with CSS. Is there a way to set
those parameters in CSS and apply it to all files?

.oO(teachAA)
>I'm embedding numerous audio files in Dreamweaver CS3
using the <embed> tag.
>I'm using CSS to control the box size and other
attributes relating to how the
>file displays on the page, but I'd also like to set the
parameter "autoplay" to
>false, and controller to "true," for all of the audio
files. I've been doing
>this individually for each file (very time consuming),
Search & replace exists.
>because I can't figure
>out a way to do it with CSS. Is there a way to set those
parameters in CSS and
>apply it to all files?
No. CSS is for presentation, but these parameters belong to
the HTML and
have to be written there.
BTW: The 'embed' element is invalid HTML. If you care about
valid markup
and your site doesn't have to be compatible with really old
browsers
like NN 4 or IE 5.5, then you should use the valid method
using 'object'
elements.
Micha

Using CSS for Struts JSP presentation using tiles

hi all,
i want to use CSS instead of table TRs ,TDs,TABLE in my jsps.
can anyone help me how can i achieve that?
i want to use css with struts presentation using tiles
i couldn't find much information about using CSS for jsps on the web can anyone guide me with proper information in this regard?
regards and thanks in advance

Actually, I just realized it's the exact same syntax as regular html (which I was thinking, but for some reason it didn't work the night I posted):
<head>
<link rel="stylesheet" href="yourstylesheet.css"/>
</head>I'm not sure why it didn't work for me the first time.
theAmerican

How to use css in oracle forms

Hello, I am using oracle forms 11g with weblogic server 10.3.5 at windows 7.I have to use CSS in oracle forms.i have tried to search it but no profit.please some one else tell me that how can use css in oracle forms. Thnak You regards aaditya

Hi
As Francois pointed out Oracle forms has nothing to do with html based technology. The way you can get the equivalent effect of creating consistancy in the way your objects are displayed is by creating a set of items you want and alter their apperance and behaviour and place them into object libraries (one library should do the trick). From there you subclass all of you forms items off these libraries.
Regards
Quintin

The "use a class customization to resolve this conflict" error

Hello,
I see most questions in this forum are unanswered, but here goes:
I must be exceptionally thick, because in spite of finding several hits when searching for this issue, i still don't understand how to solve it:
In the WSDL/schemas provided by a service provider, there are several elements with the same name but in different namespaces, that, when processed with wsimport, generate java classes with the same name but different packages. however, when trying to compile these, wsimport throws the error:
[ERROR] A class/interface with the same name "com.xyz.CustomerLoyalty" is already in use. Use a class customization to resolve this conflict. line 2853 of file:/C:/OTA_TravelItineraryReadPNR1.0.5RS.xsd
[ERROR] (Relevant to above error) another "CustomerLoyalty" is generated from here. line 434 of file:/C:/MyTypeLibrary_v.1.0.6.xsd
This only happens, of course, if i choose to provide the package i want the classes in, with the -p option. not otherwise.
apparently, i have to create an external binding file (don't want to embed into someone else's wsdl) to resolve this - so first question is:
1. what should the binding file contents look like?
2. There are several such classes which are "duplicates". so would there need to be an entry for each such class? this might get pretty tedious - is there any other solution at all?
Somewhere, i saw a -B option that could be passed to the jaxb compiler which eliminates this error, but i can't find that link anymore. is that an obsolete option?
Thanks,
Nilesh

http://download.oracle.com/javaee/5/tutorial/doc/bnbbf.html

Using CSS in Crystal Report

Hi,
I wanted to know if and how do we use CSS for formating the fields in Crystal Report. I did see a "CCS" class name option in the "Format Filed" selection, not sure how it works.
Also, wanted to know how do we UPLOAD the CSS to the CMC.
Thank you.
KS.

Hi Chito,
You cannot load multiple images dynamically. Using the 'graphic location' formula for the OLE Object, you can only point to a location that can load one image.
For the second image, you'll need to manually insert another OLE Object and point the formula to the next image's location.
You can try posting to the SAP Crystal Reports, version for Visual Studio space to find out whether this can be done using CR SDK.
-Abhilash

Using CSS to customize POJO

Similar Messages

Maybe you are looking for