Portlet titlebar rendering using javascript

In SP2 the portlet titlebar is initially rendered using the contents from the dot portal file and at the end of the page some javascript is inserted that sets the title using the getTitle method of the portlet.
Will SP3 fix this so that javascript is not used - instead populating the portlet title using the getTitle method of the portlet.
Thanx
Mark

Similar Messages

JSR portlet titlebar rendering

How do we specify a skeleton uri for the titlebar in JSR 168 portlets ?
In regular weblogic portlets , if we specify skeleton uri, it is placing in portlet
file with netuix:titlebar ... skeletonUri=....../>

Our doc team is working on to get these published.
For now, please look into netuix_system.jar file for the actual schema.
Subbu
Srinivas Surapaneni said the following on 02/11/2004 08:11 AM:
Is there any documentation for weblogic-portlet.xml anywhere on e-docs.bea.com
Thanks
Subbu Allamaraju <[email protected]> wrote:
Here is a sample snippet to describe style/skeleton attributes in
weblogic-portlet.xml. This examples shows all attributes, but you can
just specify whatever is required.
<portlet>
<portlet-name>myStylishPortlet</portlet-name>
<supports>
<mime-type>text/html</mime-type>
<titlebar-presentation>
<id>myStylishPortlet-titlebar</id>
<style>border-style: solid; border-width: 1px;
border-color: #ff0000;</style>
<class>bea-portal-window-titlebar-test</class>
<skeleton-uri>/framework/skeletons/default/titlebar-test.jsp</skeleton-uri>
<properties>some-arbitrary-property=true</properties>
<icon-url>window-icon.gif</icon-url>
</titlebar-presentation>
<content-presentation>
<style>border-style: solid; border-width: 1px;
border-color: #ff0000; overflow: auto;</style>
<class>bea-portal-window-content-test</class>
</content-presentation>
<portlet-mode>
<name>edit</name>
<button-presentation>
<id>myStylishPortlet-edit</id>
<style>border-style: solid; border-width: 1px;
border-color: #ff0000;</style>
<class>bea-portal-button-edit-test</class>
<skeleton-uri>/framework/skeletons/default/edit-test.jsp</skeleton-uri>
<properties>some-arbitrary-property=true</properties>
<activate-image>titlebar-button-edit-test.gif</activate-image>
<deactivate-image>titlebar-button-edit-exit-test.gif</deactivate-image>
<activate-rollover-image>titlebar-button-edit-test.gif</activate-rollover-image>
<deactivate-rollover-image>titlebar-button-edit-exit-test.gif</deactivate-rollover-image>
<activate-alt-text locale="fr">(fr) Examinez
Editent</activate-alt-text>
<activate-alt-text>(default) Test
Edit</activate-alt-text>
<activate-alt-text locale="en_US">(en_US) Test
Edit</activate-alt-text>
<activate-alt-text locale="en">(en) Test
Edit</activate-alt-text>
<deactivate-alt-text>(default) Exit Test
Edit</deactivate-alt-text>
</button-presentation>
</portlet-mode>
<window-state>
<name>minimized</name>
<button-presentation>
<id>myStylishPortlet-minimized</id>
<style>border-style: solid; border-width: 1px;
border-color: #ff0000;</style>
<class>bea-portal-button-minimized-test</class>
<skeleton-uri>/framework/skeletons/default/minimize-test.jsp</skeleton-uri>
<properties>some-arbitrary-property=true</properties>
<activate-image>titlebar-button-minimize-test.gif</activate-image>
<deactivate-image>titlebar-button-unminimize-test.gif</deactivate-image>
<activate-rollover-image>titlebar-button-minimize-test.gif</activate-rollover-image>
<deactivate-rollover-image>titlebar-button-unminimize-test.gif</deactivate-rollover-image>
<activate-alt-text locale="en_US">(en_US) Test
Minimize</activate-alt-text>
<activate-alt-text locale="en_GB">(en_GB) Test
Minimize</activate-alt-text>
<activate-alt-text locale="en">(en) Test
Minimize</activate-alt-text>
<deactivate-alt-text>(default) Test
Restore</deactivate-alt-text>
</button-presentation>
</window-state>
</supports>
</portlet>
Srinivas Surapaneni said the following on 02/11/2004 07:57 AM:
How do we specify a skeleton uri for the titlebar in JSR 168 portlets?
In regular weblogic portlets , if we specify skeleton uri, it is placingin portlet
file with netuix:titlebar ... skeletonUri=....../>

Can I use JavaScript HTML Portlet and PDK Portlets

Can I use JavaScript HTML Portlet and PDK Portlets?
My Script works fine with the an HTML portlet but it always gives a an Error Message in the status bar is that normal...
Other then that I have JavaScript in my PDK portlet page it does not work.. it is the the same javascript I use for in my HTML portlet which works in HTML portlets..

You'll have to place your JavaScript in the header section of your Portal page. To do so, use HTML/UI templates. For more information, refer to the How to Design and Build Compelling Portal Interfaces whitepaper.
Good luck,
Peter

Using javascript to change the "Overall Result" cell in WAD

Hi experts,
I am trying to use javascript to change the text of the "Overall Result" cell in my web template using BI 7.0. I am not familiar with javascript, but I this is what I have done so far.
I dragged the web item "Script" into my web template and I inserted the following code:
function change_overall_result_to_average() {
var cell = document.getElementsByTagName("TD");
var cellText;
for (i = 0; i < cell.length; i++)
      cellText = cell<i>.innerText;
           if (cellText == "Overall Result")
                 cell<i>.innerText = "Average";
In the XHTML view I am using added the onload function to start the javascript every time the web template is loaded. The code works fine when the web template is first loaded and the cell text is changed to "Average". However, if I navigate in my web template, the javascript function is not triggered, and the cell is therefore changed back to "Overall Result". For example, this happens when I pick another selection from one of my dropdown boxes, such as changing the selection from year 2008 to year 2007.
I don't really know how to solve this problem in an easy way, and the current solution is not good enough. I hope one of you guys can suggest an easy way of fixing this:-)
Best Regards,
Morten

Woodstock apparently renders some Javascript/DOM with some homegrown widget framework which on its turn renders the HTML DOM tree instead of plain vanilla HTML. Correct me if I'm wrong, to confirm this, just view the generated HTML source of the page.
After some Googling I found out that you need getProps() and setProps() to get and set element attributes respectively.
[http://google.com/search?q=webuijsf+domnode+site:sun.com].
If you stucks with this, I recommend you to post this question at a forum or mailinglist devoted to Woodstock, e.g at their own homepage at dev.java.net or the Netbeans forum at nabble.com. You're here at a Sun JSF forum, not at a Woodstock forum.

It possible using javascript to change the value of another jsf text field?

In my case, I have an input text field and would like to copy it's value on the onchange() event into another text field. Using the destination text field's Id and assigning some content with it's .value property

Woodstock apparently renders some Javascript/DOM with some homegrown widget framework which on its turn renders the HTML DOM tree instead of plain vanilla HTML. Correct me if I'm wrong, to confirm this, just view the generated HTML source of the page.
After some Googling I found out that you need getProps() and setProps() to get and set element attributes respectively.
[http://google.com/search?q=webuijsf+domnode+site:sun.com].
If you stucks with this, I recommend you to post this question at a forum or mailinglist devoted to Woodstock, e.g at their own homepage at dev.java.net or the Netbeans forum at nabble.com. You're here at a Sun JSF forum, not at a Woodstock forum.

How to set a form element value using javascript?

Hello,
I have been using the following two functions in AS 9.0.2 to set form values in javascript and it works correctly. However, the same code does not work in AS 10.1.2.0.2. Would appreciate if someone could let me know how to set form elements using Javascript(onchange of a field).
function set_item_value(p_field_name, p_value)
var v_index, v_full_name;
for(v_index=0; v_index<document.forms[0].length; v_index++)
v_full_name = document.forms[0].elements[v_index].name.split
if (v_full_name[2] == p_field_name)
document.forms[0].elements[v_index].value = p_value;
function get_item_value(p_field_name)
var v_index, v_full_name, v_return="";
for(v_index=0; v_index<document.forms[0].length; v_index++)
v_full_name = document.forms[0].elements[v_index].name.split
if(v_full_name[2] == p_field_name)
if(document.forms[0].elements[v_index].type != "radio")
v_return = document.forms[0].elements[v_index].value;
else
if(document.forms[0].elements[v_index].checked)
v_return = document.forms[0].elements[v_index].value;
if(v_return == " ")
v_return = "";
return v_return;
Thanks
Dev

This is not the best way to write JavaScript in Portal environment!
You can't be sure that a form is the first in the html source!
In Portal you change the order of your portlets, and also you can have several instances of the same portlet on the same page!!!
You should use qualified form and field names!
Please check the following JPDK methods:
UrlUtils.htmlFormName
HttpPortletRendererUtil.portletParameter

Pdf content not loading while printing using JavaScript

In my web app, I am trying to print a doc using JavaScript, but content of the pdf is not getting loaded, this can be seen in the below link.
https://drive.google.com/file/d/0B2nqjT-VxFWwVVhsQ1hLUnJ3MFU/view?usp=sharing
Code:
var printWin = window.open(this.lURL, '', 'top=100, left=500, width=900, height=800, titlebar=no');
printWin.print();
"this.lURL" is link which brings the pdf file/doc.
Note: As soon as I click on cancel button of print, the content gets loaded.
And if I click print blank page gets printed.

''guigs2 [[#answer-708101|said]]''
<blockquote>
I understand that the web app that your are developing has a function to print the contents of a pdf created with javascript, :
Please first check these basic troubleshooting steps for printing:
*[[Fix printing problems in Firefox]]
Does this happen with the default pdf viewer or another?
Next also check with stackoverflow.com:
[https://support.mozilla.org/en-US/kb/where-go-developer-support Where to go for developer support]
</blockquote>
I want a solution which doesn't require to reset or change the settings of the browser.
Once the app is available globally everyone should be able to use this functionality without altering the settings of the browser.

How to use javascript in oracle portal

I want to add a dynamic menu portlet using javascript and the javascript is in .js file ho do I call it...

Can you please explain to me off line my email address is [email protected], How did you do it.
I get javascript error when I use DHTML menu into JSP page, which I developed as a portlet and trying to add this portlet onto users page.
In a way I can understand why, the reason could be the similar to why we can not use frames in HTML portlet or any other portlet objects that we use, and customize HTML ( stylesheet, look and feel etc.). Since portal gathers all the pages (ultimately HTML's) dynamically and bring them as a single page to the user.
So, even if for you it may have shifted to bottom, still it seems it is working for you.
Appreciate your help.

How to use JavaScript in Web bean generated JSP

I want to do some simple JavaScript validations (for example, checking if a particular field is empty) in the JSP page rendered by the data web bean. Because the HTML is rendered by the bean, I'm not able to refer to the HTML controls in the JSP page. I'm not even able to refer to the form with the following standard piece of JavaScript code - "document.forms[0].control_name".
Is anybody aware of how to use JavaScript with these rendered JSP pages?

You just have to add it like and applet , including this line in your JSP or JSF
<script src="http://dl.javafx.com/dtfx.js"></script>Then add the applet
<script>
    javafx(
              archive: "./resources/jar/Draw.jar",
              width: 400,
              height: 200,
              code: "Draw",
              name: "Draw"
</script>./resources/jar/Draw.jar - is the path and the name of the jar

How to read application item's value using javascript

Is there any way to read value of application item using javascript?
Thanks

Javascript can access the objects rendered for the page you are calling. This is why the $v function will do the work if calling it for a page item. However an application item isn't rendered on the page - the session state of it is only stored in the table. This is why you need to do it the way I described. You could do a workarround and create a hidden item on your page and compute the value of it using the application item value. Then you would be able to get the value of your application item using $v function.
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://apex.oracle.com/pls/otn/f?p=31517:1
------------------------------------------------------------------------------

Set SPViewStyle using Javascript

Hi,
In my sharepoint site, I have created one custom list with "boxed" style. Also, for Client Side Rendering purposes I add a reference to JS Link which changes few fields on UI for color coding. Somehow after applying this JS Link, "boxed"
style is getting vanished and view is being shown in "Default" style.
Is there any way I can re add the style in JS link script or by any other means?

Hi,
I can reproduce the issue in my environment, it seems that the JSLink is not compatible with the built-in style of the current view at this moment.
If you want to apply the “Boxed” style with the custom style defined in JSLink, a workaround is that you can create a completely custom style like “Boxed” style using JavaScript
within JSLink.
Here is a link with demo about how to apply accordion style to the list by using jQuery UI plugin for your reference:
http://www.sharepointnutsandbolts.com/2013/01/using-jslink-to-change-ui-of-sharepoint_20.html
There are also other plugins in jQuery UI can be used to create custom style for a specific HTML elements:
http://jqueryui.com/demos/
Thanks
Patrick Liang
Forum Support
Please remember to mark the replies as answers if they
help and unmark them if they provide no help. If you have feedback for TechNet
Subscriber Support, contact [email protected]
Patrick Liang
TechNet Community Support

How to Hide f:subview using javaScript

Hi
In our application i have to hide and show the subview using javascript is it possible i tried like this.. but its not working
<f:subview id="viewid" >
// view contents
</f:subview>
In java script
document.getElementById("viewid").style.visibility="hidden";
Any suggestion to me..
Regards
Hari

The f:subview doesn't render anything to the response. You should know that if you have checked the rendered HTML source.
Wrap its contents in a h:panelGroup and give it an ID. And don't forget to adapt the clientside Javascript language on the clientside HTML source, not on the serverside JSF source.

Relation between IPC & Portlet Asynchronous rendering

Hi,
Can someone explain the relation between IPC & Portlet Asynchronous rendering.
In the below URL, its written " IPC is not supported when asynchronous content rendering is enabled "
But, when I go through the article below, its given that with IPC, portlet contents can be rendered asynchronously using custom event handling.
http://blogs.oracle.com/gmurnock/entry/portalaware_xhr_and_ipc
I'm bit confused here & need support in understanding with the help of suitable examples.
Thanks,
Uttam

Hi,
Thats the reason its not clear to me what does it mean by the statement " IPC is not supported when asynchronous content rendering is enabled "
mentioned in the URL http://download.oracle.com/docs/cd/E13155_01/wlp/docs103/portlets/performance.html#wp1028016
But, to my understanding AJAX & IPC can be achieved between portlets only by making entire desktop property as Asynchronous on which these portlets reside, but not by making portlet property as asynchronous.
Also, if I need to make only the contents of portlets refreshed (through AJAX) instead of entire portal page refresh, I've to make all the desktops property as asynchronous on which these portlets functionality appear.
Please correct me if my understanding is wrong anywhere?
Thanks,
Uttam

How do you kick-off an action/event before a JSF Portlet is rendered?

Hi,
I am creating JSR-168 Portlets using Sun RI 1.1 and need the ability to call an action (ie. method) of the JSF Portlet before it is rendered. Any ideas how to do this?
Scenario To Resolve
If a customer is on the Check-Out Portal Page, the check-out portlet will initially display the shopping cart information.
The customer will then click buy and the portlet will display a confirmation page.
Now, if the customer decides to do additional shopping (ie. place a second order).
The customer will navigate to a different Portal Page to browse items.
Once the customer is done shopping, the customer will click Check-Out and the Portal will display the Check-Out Portal Page. Currently, when the check-out portlet is rendered, the portlet is automatically rendering the confirmation page (ie. the last state of the check-out portlet).
Question
How can I control the state of the portlet so that the initial state of the portlet is rendered (ie. the shopping cart information)?
- Is there something built into the JSR-168 Spec? Or, Sun's JSF RI 1.1 that will enable me to kick-off an action/event before a JSF Portlet is rendered?
- If this functionality is not built in, has anyone faced this challenge? If so, how did you extend the framework to resolve it?

Hi,
I am creating JSR-168 Portlets using Sun RI 1.1 and need the ability to call an action (ie. method) of the JSF Portlet before it is rendered. Any ideas how to do this?
Scenario To Resolve
If a customer is on the Check-Out Portal Page, the check-out portlet will initially display the shopping cart information.
The customer will then click buy and the portlet will display a confirmation page.
Now, if the customer decides to do additional shopping (ie. place a second order).
The customer will navigate to a different Portal Page to browse items.
Once the customer is done shopping, the customer will click Check-Out and the Portal will display the Check-Out Portal Page. Currently, when the check-out portlet is rendered, the portlet is automatically rendering the confirmation page (ie. the last state of the check-out portlet).
Question
How can I control the state of the portlet so that the initial state of the portlet is rendered (ie. the shopping cart information)?
- Is there something built into the JSR-168 Spec? Or, Sun's JSF RI 1.1 that will enable me to kick-off an action/event before a JSF Portlet is rendered?
- If this functionality is not built in, has anyone faced this challenge? If so, how did you extend the framework to resolve it?

Finding a component inside jsf fragment using javascript in adf

Hello all,
I am using jdeveloper 11.1.1.5.
I want to find a component inside my jsf frgament using javascript.
Like inside jspx page I was able to find the component using
AdfPage.PAGE.findComponentByAbsoluteId("ID");
Now my requirement is I have a jsf fragment and I want to find component inside jsf frgament using javascript.
How can I find the component?
Please suggest
Thanks
Edited by: Navin K on Dec 21, 2011 4:24 PM

Hi all..
I am using Jdeveloper 11.1.2.1.0
The code i used is given below. When i run this i always getting the message (ie region not found) in the else case of java script.
How can i solve this. How can i take the region r1 in the javascript..
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns:f="http://java.sun.com/jsf/core" xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<af:document title="Index.jsf" id="d1">
<af:messages id="m1"/>
<af:form id="f1">
<af:pageTemplate viewId="/AssetTrackingTemplate.jsf" id="pt1">
<f:facet name="top"/>
<f:facet name="first">
<af:panelAccordion id="pa1">
<af:showDetailItem text="Master Details" id="sdi1">
<af:spacer width="10" height="10" id="s3"/>
<af:commandLink text="Home" id="cl8" inlineStyle="font-size:small; font-weight:bold;">
<af:setActionListener from="/WEB-INF/task-flow-Home.xml#task-flow-Home"
to="#{pageFlowScope.dynRegionBean.taskFlowId}"/>
</af:commandLink>
<af:spacer width="10" height="10" id="s1"/>
<af:tree value="#{bindings.GenTopMenu1.treeModel}" var="node"
selectionListener="#{bindings.GenTopMenu1.treeModel.makeCurrent}"
rowSelection="single" id="t1">
<f:facet name="nodeStamp">
<af:group id="g1">
<af:outputText value="#{node.Description}" id="ot2"
rendered="#{node.MenuType==1}"/>
<af:commandLink text="#{node.Description}" id="cl1"
rendered="#{node.MenuType==2}" partialSubmit="true"
immediate="false"
actionListener="#{pageFlowScope.dynRegionBean.launchTaskFlow}">
<f:attribute name="Definition" value="#{node.Definition}"/>
</af:commandLink>
</af:group>
</f:facet>
</af:tree>
</af:showDetailItem>
</af:panelAccordion>
</f:facet>
<f:facet name="middle">
<af:region value="#{bindings.dynamicRegion1.regionModel}" id="r1"/>
</f:facet>
<f:facet name="end"/>
<f:facet name="copyright">
<af:outputText value="All Rights Reserved By Innovation ITC" id="ot1"
inlineStyle="text-align:center; color:inherit;"/>
</f:facet>
</af:pageTemplate>
</af:form>
<f:facet name="metaContainer">
<af:resource type="javascript">
function customHandler(event) {
var region=AdfPage.PAGE.findComponentByAbsoluteId("r1");
if(region!=null)
alert("Region Found");
var exportCmd = region.findComponent("cb1");
var actionEvent = new AdfActionEvent(exportCmd);
actionEvent.forceFullSubmit();
actionEvent.noResponseExpected();
actionEvent.queue();
else {
alert("Region Not Found")
</af:resource>
</f:facet>
</af:document>
</f:view>
Thanks,
gtg.
Edited by: gtg on 08-Feb-2012 00:14

Portlet titlebar rendering using javascript

Similar Messages

Maybe you are looking for