How to apply html css code in ADF pages

I have the css code for all html components like buttons , text box, tabs etcc.. I want same look and feel in adf, I want to apply same css in ADF pages without/with minimal changes,
I need very urgently,
plz do needful ASAP.
Thanks & Regards,
Ram.

Hi..
Also this will helpful
http://technology.amis.nl/blog/5722/using-adf-faces-11g-skinning-for-setting-the-styles-of-specific-component-instances-or-groups-of-instances

Similar Messages

How to use HTML 'pre' tag in ADF pages

Hi,
I am using adf 11.1.1.6.0 and trying to print some formatted text from log files. It can contain either xml / log file with new lines / tabs.
When I use hte UIX / Regular jsp, I am able to use the <pre> tag and retain the output format form end user.
When I am migrated the same application to ADF, I am not able to get the desired output format.
Here are my trials:
<af:outputYext> with escape="true" : Entire output is displayed in a single paragraph. All new line/formatting has gone.
<af:outputYext> with escape="false" : Page itself is not painting as the logout put has some special characters.
<af:richTextEditor> readonly = true : Taking out all xml tags with in the output log
I tried with f:verbatim as shown
<f:verbatim><pre> </f:verbatim>
#{dojStep.displayStepOutput}
<f:verbatim></pre></f:verbatim>
In this case, I get the following error: "End tag does not match start tag 'pre'."
Can you please suggest the alternative to use the html pre tag in ADF world to print the el expression data as it is.
Thanks,
-Jaya.

Hi,
have a outputText.. with escape="false"
and in #{dojStep.displayStepOutput} have it like this
public String displayStepOutput(){
StringBuilder sb = new StringBuilder();
sb.append("<pre>");
sb.append("your text");
sb.append("</pre>");
return sb.toString();
}example-
<af:outputText value="#{dojStep.displayStepOutput}"/>

How to apply a css style to a radio button.

I cannot seem to persuade jsf to pass css styles through to a radio button.
I have markup like this:
<h:selectOneRadio id="direction" styleClass="largish-form" >
<f:selectItem id="positive" itemLabel="positive" itemValue="positive" />
<f:selectItem id="negative" itemLabel="negative" itemValue="negative" />
</h:selectOneRadio>Which gets transformed into something like:

<td>
<label>
<input type="radio" name="comp-amount-form:direction" value="positive" class="largish-form" />
positive
</label>
</td>So the style does not get applied to the text of the label. I was expecting something like
<span class="largish-form"> positive</span>.So how do I get styled labels on my radio buttons?
Thanks in advance.

For a standard Portal page you should use the Portal styles and associate them to a page. These effectively generate a CSS style sheet anyway if you view the HTML source of a rendered page in your browser.
Using the correct PDK APIs you effectively reference the CSS tags in your Java or PL/SQL code.
If your portlet need to open a page in a new window you can no longer reference the Portal page style as the CSS style sheet does not get attached.
In this situation, code your HTML as normal and reference your CSS style sheets as normal.
If you create you CSS sheet you can store it in a page as a file and access using the direct access URL like I showed you in a previous response regarding the storing of images.
Cheers,
John

How to apply different CSS styles to different table cells?

I have an h:dataTable table and I would like to apply different CSS styles to different table cells depending on their content. If I were doing JSP I would probably have a <c:if> test on the cells, and give them a style name depending on contents, and then define the styles in a separate style sheet. Is there a way in JSF to do the equivalent? Thanks.

mitchgart wrote:
BalusC wrote:
How to achieve a cell-specific style is already answered in my 1st reply of this topic.That tells how to apply a style to the text (or other content) inside a cell but not how to apply a style to the <td> as a whole. It would work for something like text font or text color but not cell border.
I'm thinking I can mark the content somehow and then have javascript traverse the DOM, find marked content, and traverse outward to the enclosing <td>. Is there a better way?BalusC already spoke about rowClasses and columnClass attributes, I assume those are insufficient.
The Tomahawk dataTable component has the rowStyleClass and rowStyle attributes for assigning CSS to the HTML tr tag. One is allowed to reference the row data variable when assigning values to these. However, see https://issues.apache.org/jira/browse/TOMAHAWK-523 for workarounds to bugs in some implementations.
The Tomahawk column component has the styleClass and style attributes for assigning CSS to the HTML td tag. These also may reference the row data variable.

How to apply a commandlink to an ADF Header row cell

I am implementing an ADF read only table. I have one column that I am designating as an add/delete column. In simple terms I would like the cell for this column in the header row to have a command link behind it which pops up an "Add Row" form. For each individual detail row the column will have a command link with the "Delete" function. I am having no problems with the delete.
My question is, "Does anyone have guidance on how to apply a command link to a header row cell"

Here is a sample based on your use-case:
<af:table value="#{bindings.Employees.collectionModel}" var="row" rows="#{bindings.Employees.rangeSize}"
emptyText="#{bindings.Employees.viewable ? 'No data to display.' : 'Access Denied.'}"
fetchSize="#{bindings.Employees.rangeSize}" rowBandingInterval="0"
selectedRowKeys="#{bindings.Employees.collectionModel.selectedRow}"
selectionListener="#{bindings.Employees.collectionModel.makeCurrent}" rowSelection="single"
id="t1">
<af:column sortProperty="#{bindings.Employees.hints.FirstName.name}" sortable="false"
headerText="#{bindings.Employees.hints.FirstName.label}" id="c1">
<af:outputText value="#{row.FirstName}" id="ot1"/>
</af:column>
<af:column sortProperty="#{bindings.Employees.hints.LastName.name}" sortable="false"
headerText="#{bindings.Employees.hints.LastName.label}" id="c2">
<af:outputText value="#{row.LastName}" id="ot2"/>
</af:column>
*<af:column id="c3">*
*<f:facet name="header">*
*<af:commandLink text="Add" id="cl2"/>*
*</f:facet>*
*<af:commandLink text="Delete" id="cl1"/>*
*</af:column>*
</af:table>

OT: Tutorial | How to author HTML, CSS, jQuery, and PHP 5.4 in Dreamweaver CC

Hi all,
Dreamweaver CC 2014 comes with a host of tutorials for both beginners and advanced users. In this tutorial you will learn how the latest support for HTML5, CSS3, jQuery and PHP5.4 in Dreamweaver can help you author static, dynamic, mobile or responsive projects.
We would love to hear your opinion on this tutorial after you complete the training.
https://helpx.adobe.com/dreamweaver/how-to/html-css-jquery-php-dreamweaver.html?scid=socia l26198776
Thanks,
Preran

jlig wrote:
> David, I just read thru the sample chapter 7 "Building
Site Navigation with the
> Spry Menu bar".
> - Finally a Spry resource that is friendly , thorough
and easy to follow
> along.
> - I especially like your honest comments in the "Mixed
Blessing" section.
Glad you found it useful. I felt it was essential to present
a balanced
view of Spry widgets, rather than giving a starry-eyed one.
> Trying to adjust the Tab Colors, Fonts, CSS page sizes,
margins, borders, etc
> is a bit of a nightmare for me. I know it is just a
matter of learning, but it
> would help to have resources like yours that take all of
the practical
> considerations into mind for end-users.
It is quite easy to do simple things with CSS, but it's very
powerful,
and has a long learning curve. Keep at it, and you'll get
there in the end.
> ps: How about a similiar new resource: "The Essential
Guide to Dreamweaver
> CS3 with ADDT, SPRY, CSS, AJAX and PHP / ColdFusion"
I'm not a big fan of ADDT (Adobe knows my opinions, because I
have told
them directly). I would like to see how ADDT develops before
committing
to writing about it. As for ColdFusion, I experimented with
it a long
time ago, but decided I preferred to improve my knowledge of
PHP before
branching out into other fields.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

How to highlight HTML source code in JEditorPane

I used JEditorPane to display the HTML source code. Now I want to highlight some part of the HTML code.
e.g. change the font or color of the second line in this piece of HTML code.
I tried to highlight the text in HTML way, e.g.
JEditorPane jep=new JEditorPane():
jet.setContentType("text/html");
jet .setText("<html><i>display styled text</i></html>");
but it didn't work at all. As the text I want to highlight is alreay a part of the HTML code.
I have to sort it out ASAP. as the deadline of my project is coming...
any advice is appreciated.
Thanks so much..:)

"In order to display the original html source code (not the effect made by HTML code ) i n JEditorPane,
i can't use editorPane.setContentType("text/html"): As it will try to render the webpage with this piece of HTML code..
e.g. here is the piece of html code i want to display in JEditorPane:
<HTML><HEAD><TITLE>Department of Computer Science Home Page</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2737.800" name=GENERATOR>
</HEAD>.........</HTML>
what i want to do is to highlight "Department of Computer Science Home Page" by setting it bold or italic."
Not really sure what you're saying here, but it sounds like you mean that you want the HTML itself to change. If that's it just:
<HTML>
<HEAD>
<TITLE>Department of Computer Science Home Page</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2737.800" name=GENERATOR>
</HEAD>
<BODY color='blue' bgcolor='white'>
<tr>
<td bgcolor=yellow>Department of Computer Science Home Page</td>
</tr>
</BODY>
</HTML>FWIW HTH, B4N
~Bill

How to inject html into a wiki generate page?

How do you put in custom HTML into a wiki generated page? Say I have a I want injected into each wiki page; where within the structure of the wiki server files am I able to do that? I figured finding the code where the <head> tag for a wiki page is created would be a good place to start, but I haven't been able to find where that is done. Any ideas? Thanks.

From the SL Server Wiki Admin document:
To add JavaScript files or XSL files to a theme:
1 Put JavaScript (.js) files or XSL (.xsl) files in this folder (shown below): /Library/Application Support/Apple/WikiServer/Themes/theme_name/ Replace theme_name with the name of the theme.
I've done this, and I can see that the javascript is available in the generated html, but I don't see in the documentation on how call the javascript function. What am I missing here?

How to add multiple forms in single adf page?

Hi All,
I have some requirement.I have created one adf page from this page i need to insert(create a user )into back-end.
here my requirement i want to add more users at sometime.like in that page its need to create one button kind of this to add more user creation form in single page after filling all the details for each user finally i need to submit all user(heterogeneous) way of submitting forms. is it possible in adf? if possible how to go with this requirement.
please guide me .and show me some solutions.
Regards
Siva

HI Jobinesh ,
I created same reign thing in .jsff page with the same functionality(instead of main.jsf i created test.jsff) . when i deployed in to OIM custom page i am getting below exception.
/main.jsff
Error:encountered deferred syntax #{in template text intended as a literal ,escape it or set directive differedsyntaxAllowedasLiteral
ADF_FACES-60097 and ADF_FACES-60096
can you please take a lookinto the error where i cam doing mistake.
regards
Siva

How to call a TopLink Query on ADF Page Load (onload)

Hi,
I am new to ADF wants to find out how to call a TopLink Query whenever a page loads. I saw SRDemo Sample but all the queries are bound to some kind of an action method i.e. clicking on a button executes a query etc. But I need to call a toplink query on my page load. Any small sample will help.
Thanks

Try this approach:
http://blogs.oracle.com/shay/2007/07/25

How to change html-css cursor style in Adobe Air?

We all know how to change cursor style in Html pages, of course using css such as,
'cursor: url("move.cur"), move'.
But when I use it in Adobe Air, it will not show the standard cursor style in browser, but the special ones in Adobe. For example, the 'move' cursor shows like a hand(the same with the move hand in Acrobat Reader), not like a crosshair.
I tried to use 'url' option in CSS, but it doesn't work in Adobe Air(I'm sure that it works in html browsers).
I am really confused. And looking forward to your solutions.

Hi flexo222,
Currently Adobe AIR does not support custom CSS cursors and only some of the "default" cursors available in CSS.
You could however use the following ActionScript workaround if you don't need a very complex behavior:
* on mouseOver have the default cursor hidden
* on mouseMove have a custom cursor drawn and positioned via ActionScript
* on mouseOut have the custom cursor hidden and the default cursor shown.
I have attached a sample that should make things clearer. Feel free to ask if there's anything not clear.
Cheers,
Mihai

How to apply colors and themas in ADF

Hi,
JDeveloper ADF 11g.
I want to make different color & themas configurable by the user.
Can anyone please help me how can i do it?
Thanks
-Amit

You may have to implement multiple skins.
Reg: Apply Multiple Skins Based on the radio buttons
Doubts on Multiple Skins From Forum Solutions
http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/index.jspx;jsessionid=PtPnK44LzMnhZL712JyCmyS4KG2PmDj7QVn1t0QJ4slH9CgHVhjV!1509445201?_afrLoop=840900745060274&_afrWindowMode=0&_afrWindowId=null

How work CodePen (html+css+js) insert Adobe Muse

Hi help me video or image sup please
sory no speak english
how to "link" "codes" insert adobe muse ? thanks all.
http://codepen.io/team/lincolnloop/pen/jEzvBr

You can use Object > Insert HTML for adding your own customized code to the site.
If this is not what you are looking for , please let me know.
Thanks,
Sanjit

How to apply external CSS file with MyFaces Trinidad?

In my original JSF page, I used to have
<head>
<link href="css/app.css" rel="stylesheet" type="text/css" />
</head>However, after I switched to MyFaces Trinidad and used <tr:document> tag, the external stylesheet could not be applied.
<tr:document inlineStyle="css/app.css">I wonder the external stylesheet is not applied in this way with the inlineStyle attribute. So what is the correct way of applying an external stylesheet for the whole page? Thanks.

...and which kind of files can be included under
resources: [] ??
I have a .json file that I need to be included in a template (and also included in projects created from that template).
The only way I found to do this is to add it as a script. The problem then is that all included "scripts" will be evaluated when the page is loaded, which will fail since it's a json file. External dependencies makes it impossible for me to change the format of the json file...

How to find custom converter code in ADF?

Hi,
I am trying to understand/debug a code which has a input text in page fragment(.jsff) in ViewController project with the following converter
<af:convertDateTime pattern="#{userPrefs.timeFormatPattern}"
                                            timeZone="#{userPrefs.UPTZ}"
                                             timeStyle="short" type="time"
                                            hintTime="#{userPrefs.timeFormatPattern}"/>
I want to see the code of userPrefs.Where can I find the corresponding java code?
I have checked out faces-config file but I can't find it.Googling about the location of converter also did not help me.
Thanks

The userPrefs is most likely a managed bean defined in some configuration file in your application. It is not a "framework bean".
If not in faces-config.xml you can look in adfc-config.xml or other adf task flow defintion files, where it is possible to define managed beans.
JDeveloper has a search function that can search in all source files for a project. Using that you should be able to find where userPrefs is defined... unless it is included from another ADF application as an ADF library.
Another option is that the userPrefs object (POJO/managed bean) is added to application-, session- or request scope programmatically... in that case you must search through the projects source code.

How to apply html css code in ADF pages

Similar Messages

Maybe you are looking for