How to move ADF table range navigation towards left?

Hi All,
I am using jdev 10.1.3.4. The page I am working is showing a table with many columns. So I need to scroll horizontally to see the table navigation.
Is there any way to move the table range navigation to the left so that I dont need to scroll?
Can it be done with using skin selectors?
Can anyone help me regarding this?
--Abhijit

If you can do it I guess you have to use skinning.
Check out the skin selectors for af|table [http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html#Component-level%20Selectors|http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html#Component-level%20Selectors] here
Frank Nimphius has an old blog entry [http://thepeninsulasedge.com/frank_nimphius/2007/10/02/adf-faces-hidden-skinning-nugget/|http://thepeninsulasedge.com/frank_nimphius/2007/10/02/adf-faces-hidden-skinning-nugget/] which reveals a hidden (or unknown) feature. There may be more...
Timo

Similar Messages

How to display table range navigation bar at the bottom of the tr table i

Hello,
While I am using trinidad, I have to face a critical issue. Can I display table range navigation bar at the bottom of the <tr table> in Trinidad? and remove the range dropdown list, only show the "previous" and "next" link? The project is critical on the UI, this problem is very small but has to be fixed? Does anyone have any ideas？

Difficult to do? No.
<ul id="bottom-nav"><li><a hef="whatever.php">whatever</a></li><li class="last"><a hef="whatever2.php">whatever2</a></li></ul>
With this CSS -
ul#bottom-nav {
     list-style-type:none;
     overflow:hidden;
     width:70%;
     margin:0 auto;
ul#bottom-nav li {
     float:left;
     padding-right:10px;
     border-right:1px solid #FFF;
ul#bottom-nav li.last {
     border:none;
ul#bottom-nav a {
     /* your styles here */

Dynamically changing af:table range navigation

Hi Steve,
I have a requirement of changing range navigation on another variable "items per page" on the table.
1. User can select any number of items to be displayed at a time on page from a drop down with values 10,20,30 etc.
2. I have a valueChangeEvent Bound to this drop down to set the table rows.
public void itemsPerPageValueChange(ValueChangeEvent valueChangeEvent) {
// Add event code here...
if (valueChangeEvent.getNewValue() != null) {
Integer items = (Integer)valueChangeEvent.getNewValue();
getTable1().setRows(items);
This happens fine on the first page i.e. On page display. But say if there are more records then the selected value
in the dropdown, a table range navigation is displayed as expected. Now if i go to next set of records by "pressing next",
and select a larger value from "items per page", the list is not displayed as per the selected value. i.e. if there are 16 records
and i select 20, the display is still displaying the last six records. Only if i click "previous 10" on the table, do i get
20 records and the range navigation for the table disappears.
How can i control this?
1.I mean to always display number of records as selected by the user irrespective of which range of
records he is seeing.
2.To display correct value in "previous" and "next" navigation controls depending on value selected by user from dropdown
Thanks
sameer

Hi Steve,
I have a requirement of changing range navigation on another variable "items per page" on the table.
1. User can select any number of items to be displayed at a time on page from a drop down with values 10,20,30 etc.
2. I have a valueChangeEvent Bound to this drop down to set the table rows.
public void itemsPerPageValueChange(ValueChangeEvent valueChangeEvent) {
// Add event code here...
if (valueChangeEvent.getNewValue() != null) {
Integer items = (Integer)valueChangeEvent.getNewValue();
getTable1().setRows(items);
This happens fine on the first page i.e. On page display. But say if there are more records then the selected value
in the dropdown, a table range navigation is displayed as expected. Now if i go to next set of records by "pressing next",
and select a larger value from "items per page", the list is not displayed as per the selected value. i.e. if there are 16 records
and i select 20, the display is still displaying the last six records. Only if i click "previous 10" on the table, do i get
20 records and the range navigation for the table disappears.
How can i control this?
1.I mean to always display number of records as selected by the user irrespective of which range of
records he is seeing.
2.To display correct value in "previous" and "next" navigation controls depending on value selected by user from dropdown
Thanks
sameer

How to move one table to other schema

Hi;
imagine i have one schema A and i create table in this schema as test. Now i have one other schema,name is B. I wanna move my A.test table to B.test2
How i can do it?
thanks

Following discussion might help How to move the table to the another schema?

Note:304522.1 How to Move Queue Tables without using export import

Trying to use the pkg available in Metalink "Note:304522.1 How to Move Queue Tables without using export import"
Using the 10.1.0.x and upwards Package, I'm getting the following error on a single consumer queue table with an xmltype payload:
SQL> exec move_aqt.move('XFORM_TEST_INT','INTERFACE_XML_QUEUE','SMALLBLOCK');
BEGIN move_aqt.move('XFORM_TEST_INT','INTERFACE_XML_QUEUE','SMALLBLOCK'); END;
ERROR at line 1:
ORA-20000: ORA-06502: PL/SQL: numeric or value error
ORA-06512: at "SYS.MOVE_AQT", line 652
ORA-06512: at line 1
We've tried in multiple environments, always with the same results.
Trace file shows:
*** 2006-11-08 10:06:47.154
*** SERVICE NAME:(SYS$USERS) 2006-11-08 10:06:47.147
*** SESSION ID:(379.954) 2006-11-08 10:06:47.147
qtable move procedure starting execution at 08-11-2006 10:06:47 for queue table XFORM_TEST_INT.INTERFACE_XML_QUEUE
qtable move procedure experienced an exception at 08-11-2006 10:06:47
qtable move error message ORA-06502: PL/SQL: numeric or value error
qtable move procedure ended execution at 08-11-2006 10:06:47
Can anyone help with this? Has anyone used this before successfully (or not successfully). We urgently need this working today to test moving our queue table into a tablespace with a smaller block size for performance reasons in production.
Thanks for the help!
Tony

Thank you,
Yes we've done that. They've confirmed a problem with the links/scripts on the note. The 10.1 and up version was not really 10.1 and up.
As they would not have a new version available in time for the move we needed to perform, we switched our approach to using dbms_redefinition instead.
Thanks for the reply,
Tony

How to Create adf table from java bean

Hi,
How to Create adf table from java class (Not from ADF BC).
Thanks
Satya

@vlsn -- you have to follow what shay said.
Do the following in Model layer ::
create a table property java class with your columns setters and getters like :
*public class gridProps {*
private int sno;
private String orderNum;
*public void setSno(int sno) {*
this.sno = sno;
*public int getSno() {*
return sno;
*public void setOrderNum(String orderNum) {*
this.orderNum = orderNum;
*public String getOrderNum() {*
return orderNum;
Create another table java class which will populate the values to your column values and return the collection :
*public class gridPopulate {*
private List<gridProps> gridValues ;
*public List<gridProps> setToGrid(ArrayList<ArrayList> valuesToSet) {*
*if (valuesToSet == null) {*
return gridValues;
gridValues = new ArrayList<gridProps>();
if(btnValue.equals("completeBtn"))
return gridValues;
for(ArrayList<String> tempArr:valuesToSet)
gridProps gp = new gridProps();
gp.setSno(Integer.valueOf(tempArr.get(0)));
gp.setOrderNum(tempArr.get(1));
return gridValues;
Right click gridPopulate class and create this as data control.This class will be seen in Data control list.Under this data control,Drag the grid property collection(created earlier) to your page.Then execute your binding(gridPopulate) according to your logic.
Thanks.(My jdev version 11.1.1.5.0)

Move a table to right or left when in the drop down tab menu

How do you move a table to right or left when you have many tabs and the tabl you want to move is in the drop down tab menu at the right....?

This forum is a joke.

ADF faces tables - range navigation table footer

Hi,
I have a strage situation using ADF Faces' table, sometimes it displays range navigation on top and bottom of the table and sometimes only on top of the table. Is it possible to show always the range navigation on top and bottom of the table? How? If not, can someone give me an example of using an selectRangeChoiceBar to implement navigation on bottom of the table?
Thanks in advance.
Best Regards,
Giuseppe

bump

ADF Faces: Range Navigation in af:table

I shortly migrated my application to ADF Faces EA13.
Now when I use range navigation in a <af:table> there appeares an option in the dropdown list, that was not there in EA11: "Show All <number of rows in the table>".
Is there a possibility to disable this new feature? I don't want the user to select "Show All" when there are thousands of rows in the corresponding database table.
Regards,
Mareike

We are working on skinning APIs to allow customization of the look-and-feel of our components.
As for customization of individual features like this, there's always a tension between simplicity and complexity - more hooks to tweak behavior does improve flexibility in the here-and-now, but it increases complexity, makes testing the components that much harder, and also locks in API decisions that often in the long run actually decreases flexibility. I'm not saying "no" to this request, which is reasonable, just trying to give you some insight into why we don't just by default make every last thing modifiable up front.

Issue with ADF table range paging and sorting

Hello,
We have a requirement to support pagination in ADF tables. For this, we have made use of Range paging access mode in the view object level. The paging works perfectly fine with this. But we have another requirement of letting the user do a sort on the table (Yes!! The paginated table). The sort should be applied on all rows in the db and the control should return to the first row.
Applying sort as it is provided by the fwk, sorts the records in the obtained range only. So we have over ridden the Sort listener in Managed bean for this and are able to acheive the sorting of all rows through a AM method call. We are seeing a problem after this. If the sort action is applied to the key attribute then the previous and next range navigation works fine. If the same action is applied to non-key field, then some times (yea!! This is not consistent) the next set is not fetched.
Here is the code snippet that is called on Next navigation:
Map<String,Object> pfScope = AdfFacesContext.getCurrentInstance().getPageFlowScope();
Object objPageNumber = pfScope.get("pageNumber");
int pageNumber = 0;
if(null != objPageNumber)
pageNumber = new Integer(objPageNumber.toString()).intValue();
BindingContainer bindings = BindingContext.getCurrent().getCurrentBindingsEntry();
JUCtrlRangeBinding view = (JUCtrlRangeBinding)bindings.getControlBinding("GeDmRequestVO");
int iRange = getTable().getAutoHeightRows();
int currentPage = view.getIteratorBinding().getNavigatableRowIterator().getRangeStart()/(iRange + 1);
System.out.println("Before " + view.getIteratorBinding().getNavigatableRowIterator().getRangeStart());
System.out.println("Current : " + currentPage);
System.out.println("Page Number : " + pageNumber);
System.out.println("Range : " + iRange);
System.out.println("Value : " + iRange*(currentPage + pageNumber));
view.getIteratorBinding().getNavigatableRowIterator().scrollRange(iRange*pageNumber);
System.out.println("After " + view.getIteratorBinding().getNavigatableRowIterator().getRangeStart());
Although, the new values are not refreshed in the table, the SOPs for before and after print the proper range sizes. And as I mentioned above, the above code works perfectly fine if there is no sort applied or when key attribute is sorted.
Would appreciate your help on this regard with navigation after non-key attribute sort.
Thanks,
Chitra.

Hi Chitra,
Can you specify some links to implement RangePaging.....We need to implement pagination.If possible can you share the code or specify the steps how you achieved it.
Thanks

Af:table range navigation and select with rownum

I'm trying to use af:table to display some data (long list), but the value attribute always returns the entire list. (Basic example)
I'd like to use the range navigation so the application only select a sublist from the database (using rownum between x and y) and also display the navigation pane with all the pages, but I was only able to get the specific page with no navigation pane.
Does anyone have a good example on how to use the range navigation with selects/rownum?

Assuming I have an untitled1.jspx page with an Untitled1.java backing bean and an <af:table> on my page whose whose binding attribute is set to the EL expression #{Untitled1.table} to expose the table UI component in the backing bean, and a rangeChangeListener set to the EL expression #{Untitled1.onRangeChanged}, then with the following backing bean class, I seem to have been able to disable the user's picking the "Show all" option. It still appears in the list, but visually picking it stays on the current range of rows.
package test.backing;
import oracle.adf.view.faces.component.core.data.CoreTable;
import oracle.adf.view.faces.event.RangeChangeEvent;
public class Untitled1 {
private CoreTable table;
public Untitled1() {
public void onRangeChanged(RangeChangeEvent rangeChangeEvent) {
    int newStart = rangeChangeEvent.getNewStart();
    int newEnd = rangeChangeEvent.getNewEnd();
    if (newEnd - newStart > getTable().getRows()) {
      int oldEnd = rangeChangeEvent.getOldEnd();
      int oldStart = rangeChangeEvent.getOldStart();
      queueRangeChangeEventForTable(newStart, newEnd, oldStart, oldEnd);
private void queueRangeChangeEventForTable(int oldStart, int oldEnd,
                                             int newStart, int newEnd) {
    RangeChangeEvent rce =
      new RangeChangeEvent(getTable(), oldStart, oldEnd, newStart, newEnd);
    getTable().queueEvent(rce);
public void setTable(CoreTable table) {
    this.table = table;
public CoreTable getTable() {
    return table;
}

Table range navigator location

Hi all,
could I place range navigation of af:Table in the beggining or into the middle
of this table? If so, how exactly. Thanks

this isn't working. i tried overriding all possible id's i can find in the source.
when i did a view source of my jsp page, this is a part of the source i see..
<div style="overflow:auto; width:100.0%; height:85.0%; margin:0.0pt auto;"><form id="itmTable:_id13" name="itmTable:_id13" style="margin:0px" onkeypress="return _submitOnEnter(event,'itmTable:_id13');" method="POST" action="/fileViewer/faces/fileViewer.jsp"><div id="{color:#ff0000}itmTable{color}:{color:#ff0000}mytable{color}"><table cellpadding="0" cellspacing="0" border="0" summary=""><tr><td><table cellpadding="0" cellspacing="0" border="0" width="100%" summary="" class="x2h"><tr><td width="100%"></td><td {color:#0000ff}align="right"{color} valign="middle"><script>function _navSubmit1(formName, event, id, vld, val){return _submitPartialChange(formName,vld,{event:event,source:id,value:val});}</script><script>function _navChoiceSubmit1(choice, formName, event, id, vld){if (!_navSubmit1(formName, event, id, vld, choice.options[choice.selectedIndex].value)){choice.selectedIndex = choice._lastValue;}}</script><table cellpadding="0" cellspacing="0" border="0" summary="" id="itmTable:mytable-nb"><tr><td id="itmTable:mytable-nb-i" valign="middle"><img src="/fileViewer/adf/images/oracle/tnavpd.gif" width="14" height="14" border="0" alt="Previous functionality disabled"></td><td><script>t(5,1)</script></td><td valign="middle" nowrap><span class="x55">Previous</span></td><td><script>t(5,1)</script></td><td valign="middle" nowrap><select title="Select record set" class="x6" onchange="_navChoiceSubmit1(this, 'itmTable:_id13','goto','itmTable:mytable',1)" onfocus="this._lastValue = this.selectedIndex" id="itmTable:mytable-nb__xc_c"><option value="all">Show All 100</option><option value="1" selected>1-40 of 100</option><option value="41">41-80 of 100</option><option value="81">81-100 of 100</option></select><label for="itmTable:mytable-nb__xc_c" class="x4e">Select record set</label><script>_setSelectIndexById("itmTable:mytable-nb__xc_c",1)</script></td><td><script>t(5,1)</script></td><td valign="middle" nowrap><a href="#" onclick="_navSubmit1('itmTable:_id13', 'goto', 'itmTable:mytable',1,'41');return false" class="x54">Next 40</a></td><td><script>t(5,1)</script></td><td valign="middle"><a href="#" onclick="_navSubmit1('itmTable:_id13', 'goto', 'itmTable:mytable',1,'41');return false"><img src="/fileViewer/adf/images/oracle/tnavn.gif" width="14" height="14" border="0" alt="Select to view next set"></a></td></tr></table></td></tr></table></td></tr><tr><td><table class="x2f" cellpadding="1" cellspacing="0" border="0" width="100%"><tr><th scope="col" class="x36 x68" onclick="return _tableSort('itmTable:_id13',1,'itmTable:mytable','col2');">
'itmTable' is the id for my subview.
'mytable' is the id for the adf table
what i can see from this is the text in blue (ie "right") should be overrided to "left".
i tried everything possible in the world but no success.
Edited by: khan379 on Oct 14, 2008 5:15 PM

Af:table range navigation

Hi, i'm facing a problem...i'm using seperate af:selectRangeChoiceBar for range navigation. But sometimes the rangebar behaves wrongly, like in safari, if i slecet the range from option list, range is changing and suddenly again server trip is happening, and restoring previous range position, means calling "RangeChangeEvent" twice and sometimes by clicking next button , its jumping one range going to the range after that , like 1-10 of 100 then when clicking next going to 31-40 of 100. its happening in IE also...i have seen if i use table default range bar the first error still i'm getting in safari in somesituation. what may be the problem.the possibilities...pls help.
thanks

Turns out, I had forgotten that I had indeed used a rangeChangeListener, and this is in fact related to the bug when a table is displayed in Safari or Chrome, which both use the WebKit rendering engine to display web pages. I've now got a demo project with this stripped down to it's bare essentials. By the way this is ADF Faces on 10.1.3.4, not 11g, though it is possible that the problem is in Trinidad's table component too.
It contains:
A Model project with one read-only ADF BC View Object based on the ALL_OBJECTS dictionary view, and one Application Module referencing the VO. You can use practically any database connection - I'm using SCOTT/TIGER.
A ViewController project with one jspx page, allObjects.jspx, that has an af:table component referencing the above VO. There is a single backing bean for this page which only contains one method - a rangeChangeListener. This simply does System.out.println to show the old and new ranges.
Run the page with Firefox or Internet Explorer, and you will see almost the expected behavior - if I use the drop down range selection control to jump from the first set of rows to a set in the middle, say 91-100, I see:
Range Changed from 0-10 to 90-99.
I say "almost" the expected behavior, because I would have expected to see the starting range from 0-9 - which is what is on the screen with a zero based index.
But if you do the same thing from Safari, you get:
Range Changed from 0-10 to 90-99.
Range Changed from 90-99 to 0-9.
And that is exactly what you see on the screen - it briefly flashes with the selected range - 91-100, then returns to the original range 1-10.
In this example, after the first range change, Safari behaves correctly, but in my actual application my rangeChangeListener manipulates the ranges, so it does it every time. Changing the range with the "Previous" and "Next" links always works correctly.
Change the af:table component so that it doesn't reference the rangeChangeListener, and the page works correctly in all browsers.

How to move the arrows in navigation view?

Hi, when i am using the navigation to define my page flow, i could move the page in the navigation with "SHIFT+MOUSE",but the arrow from one page to another can't be moved if i don't change position of the two pages, and when there are many pages, the arrows cross with each other, and it becomes hard for me to see them clearly. so how to move the arrows to organize them in a clearer view(Just like that in BEA Weblogic Workshop with JPF design)? is it something needes improving in Creator EA, or i just didn't find the way to do this?please help.

Hi,
We thank you for your valuable feedback. An RFE has been filed on your behalf for the same.
Cheers
Giri

How to Merge ADF Table Column Header in ADF Table ?

Hi All,
We need to have ADF Table Column header to be "Merged",
e.g :
There are two columns Header : | Qty (Case) | Qty (Pack) |,
can we customize it to display like this :
| ----- Qty -------|
| Case | Pack |
where there are two rows in column header, the first one is "Merged".
How can we do that ?
Thank you very much,
xtanto

Hi Kelly,
Thank you for your reply,
Using Column Faced, Header I can format the header of one column Only.
My requirement is to Merge header of two colums :
| ----- Qty -------|
| Case | Pack |
'Case' &'Pack' is two different column, so I need to add one row on the header of the two colums, then 'merge' them, and add the word '----Qty----'.
Is it possible ?
Thank you,
xtanto

How to move ADF table range navigation towards left?

Similar Messages

Maybe you are looking for