Tab navigation and clusters

Is there a way to make tab-navigation skip highlighting the frame of a cluster and instead jump straight to the first control in the cluster?
I do not understand why tab navigation highlights the cluster frame, there is nothing you can do with the cluster with the keyboard anyway; it's the controls within it you want to navigate to...the fact that the controls are in a cluster should be transparent to the user. Sure, I can skip the cluster and use individual control on the front panel, however that introduces a need for bundling a large number of values and makes the diagram bigger and less readable...
Any tips and/or views on this?
MTO

Reading the higlight property of the cluster and acting on that by highlighting the first control in the cluster instead...is perhaps a partial solution, but not a very elegant one...
The cluster frame would reveal itself in a flash (I did not mention that the cluster frame has been made transparent, but the frame is revealed as a black line when tabbing highlights the cluster. The "Skip this control" option does not help either as you still need to access the controls within it using the tab key...function keys are off course also possible, but that does not fix the ugly tab behaviour)
MTO

Similar Messages

Tab navigator and swf loader issue

I have written two flex applications. Each of the
applications contains a tab navigator control. The direct children
of this tab navigator are canvases, sized to max.
i.e.
<mx:Canvas label="WhateverLabel" width="100%"
height="100%">

</mx:Canvas>
Everything works fine, the navigator, all its children and
grandchildren Application does exaclty as it should ... untill I
load it into another application using swf loader.
Our main application is a menu driven app that loads
individual swf files based on user selection. When either one of
these programs (using the tab navigator described above) is loaded,
I get a White Bar across the top of the screen, sized as the Tab
navigator width.
the white bar goes away as soon as the user interacts with
any control, but it still is there on application load. Here is a
picture of what I am speaking about.
http://members.cox.net/dragon.magik/whitebar.jpg
You can see the menu atop the screen as the base application.
You can then see the panel right beneath it, that is the main panel
of the application i am having problems with. The white bar, as you
see, is as wide as my tab navigator. The TN labels are positioned
correctly, but I don't know why I am getting the white bar. I am
having the exact same problem with tab navigators in two different
applications I load into this one control panel. Any help would be
greatly appreciated. Thanks in advance.

There is an unsolved bug in adobe.
You have to solve it manually overriding the function:
package
     import mx.containers.TabNavigator;
     public class TabNavigatorFixed extends TabNavigator
         public function TabNavigatorFixed()
             super();
         override protected function commitSelectedIndex(newIndex:int):void
             super.commitSelectedIndex(newIndex);
             if(tabBar.numChildren > 0){
                 // Select the corresponding Tab in the Tab Bar (this fixes a bug in Flex)
                 tabBar.selectedIndex = newIndex;

Tabbed navigation,Theme change and User define templates problem

Hi,
·     I have created an application in which I have defined many page,page regions,buttons,forms templates myself.
·     The end user has now requested for a tabbed look and feel for the same and that too in a different theme (color red)
·     However, inclusion of tabs to the application plus a change in the theme color (to red) in this case causes all user defined templates to behave erratically.
·     I guess these templates will have to be redefined in this new theme. I tried to copy some of these today but got weird results.
Without all these templates in place the look and feel of the application will not be as usual.
·     Also,I had posted a thread on the APEX forums concerning tabs and have received information that each page in the application has to be manually added to the tab set in a situation such as this.This will really increase the time taken to achieve the desired application navigation.
I would appreciate some good advice as how to get this appliction navigation running smoothly in a tabbed format in the least possible time.
Thanks and Regards,
Priya Jetley

Hello,
I would have a look at the Lists in Shared Components which allow you to create Tabs as well.
They are a bit more flexible.
Regards,
Dimitri
http://dgielis.blogspot.com/
http://www.apex-evangelists.com/
http://www.apexblogs.info/

How to expand and collapse af:showDetailItem in keyboard Tab navigation

i would like to expand and collapse <af:showDetailItem/> by keyboard tab navigation. is there any default functionality is available to achieve it.
Thanks

Hi,
can you try with below config in your web.xml. It specifies where to store the view state of your application
<context-param>
      <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
      <param-value>client</param-value>
   </context-param>regards,
Rajan

SWFLoader and tab navigation

Hi,
In two applications that I'm writing, the content inside a SWFLoader does not participate in the tab navigation. The textfields in the loaded SWF are focusable and I can even detect Tab keystrokes in them, but there is no tab navigation.
The setup is very simple - an application (in one case mx, another case spark) which contains a SWFLoader.
I've seen one thread in a dev forum where the solution was to implement a focusmanager. I'm hoping for something simpler...
Cheers

All tabbable entities in a Flex app must implement IFocusManagerComponent or
else they have to override the FocusManager. If the sub-app is not written
in Flex you'll probably have to do the latter.

Put tabs below the navigation and search bar.

I need to switch the position of the tabs and the navigation and search bars. I want the tabs below the navigation bar, search bar, and the "firefox drop down menu."

Figured the basic move out, but want to trim the "fat." Can I put the navigation bar and the search bar next to the "firefox" drop down menu?

Why data are not getting poulated in dynamically added tab in a tab navigator???

Hi All,
I am facing a very strange problem and need you expert opinion on this. Ok so the problem goes like this:
In my application i have a tab navigator where i have 2 fixed tabs say tab A and tab B. In tab B I have a data grid where All the user name are getting populated. Once the user clicks on any datagrid row i am dynamically adding a new tab based on username , so if in my datagrid u1,u2 and u3 are getting displayed then once you clik on u1 a new tab called u1 is getting displayed. Code for this goes like this:
var vbox1: VBox= new VBox();
box1.label=mydatagrid.selectedItem.uName;
var sde:* = new searchDetails();
vbox1.addChild(sde);
myTabnavigator.addChild(vBox1);
Application.application.searchdetails.displayall();
I have created a component called searchDetails where i have designed the page wit various fields for this tab.This also has a method called displayall() which is populating the data in all fields using php an my sql where i have designed the page wit various fields for this tab.
New tab is getting displayed perfectly. My problem is once the tab is getting displayed fields are not getting populated with data.
Please let me know what wrong i am doing. I am really struggling

Hmm.. you have to assign text to the labelfields on creation complete not before that, the fllow will be like this
var vbox1: VBox= new VBox();
var sde:* = new searchDetails();
vbox1.addEventListener(creationcompleteevent,function);
vbox1.addChild(sde);
myTabnavigator.addChild(vBox1);
function(e:event):void{
box1.label = "text";

Tab navigation does not show at all in FP 10 it shows in FP9

Hi,
I have module that is loaded at runtime,
it has simple tab navigation with 3 children,
in FlashPlaer 9 Debug, tab navigation shows fine, even
thought for some reason it looks like linkbar :)
also numericStepper looks like inputBox and ComboBox has no
arrow, (they all look fine in FB 3.2)
in Flash player 10 tab navigation does not show at all, is
there any obvious thing that I am missing ?
I am guessing something terribly wrong with flex styles, but
I am not overriding any styles,
my environment :
vindows Vista 64 bit (although I use jvm 32)
project is build with latest flex sdk :flex_sdk_3.3.0.4589
P.S: I cant attach image here, so I will record video
tomorrow, if that will help.
thanks in advance
Levan

bump :)
anybody , please please :)

How to open the popup with in Tab navigator working area.

Hi,
I using the customized panel to open it as popup by using popup manager in the Tab navigator . The popup should be able to move with in the tab navigator's content area. Not outside of the tab navigator's content area. How to do this? .What is the difference between opening the popup by using popup manager and add children(); which one is best?
Regards,
Thiru

It depends on your purpose. A popup displays information to the user, and it might be modal if the user should repsond to the popup before continuing, but why constrain it's movement to the space occupied by the TabNavigator.
You could, in theory, check the x and y properties of the popup position, and then compare those with the x and y of the TabNavigator view area, though you might have to do some conversion between global and local coordinates.
You might want to consider your design. Is a popup necessary? Perhaps not. If so, maybe do not consider constraining its movement as you have indicated.
If this post answers your question or helps, please mark it as such.

Inserting tabbed navigation code makes my web page not display in design view..

Hi everyone..
I am on Dreamweaver 8 for MAC, and was working on a couple of web pages..these pages included divs and tables. But when I tried inserting a tabbed navigation I found at:
http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm
In a nutshell, it asked me for step 1 to:
Step 1: Insert the below CSS and script into the HEAD section of your page:
<link rel="stylesheet" type="text/css" href="tabcontent.css" />
<script type="text/javascript" src="tabcontent.js">
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
</script>
The next step was this:
Step 2: Finally, simply add the below HTML to where you wish the Tab Content to appear on the page:
<h3>Demo #1- Basic implementation</h3>
<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Tab 1</a></li>
<li><a href="#" rel="country2">Tab 2</a></li>
<li><a href="#" rel="country3">Tab 3</a></li>
<li><a href="#" rel="country4">Tab 4</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>
<div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
<div id="country1" class="tabcontent">
Tab content 1 here<br />Tab content 1 here<br />
</div>
<div id="country2" class="tabcontent">
Tab content 2 here<br />Tab content 2 here<br />
</div>
<div id="country3" class="tabcontent">
Tab content 3 here<br />Tab content 3 here<br />
</div>
<div id="country4" class="tabcontent">
Tab content 4 here<br />Tab content 4 here<br />
</div>
</div>
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
<p><a href="javascript:countries.cycleit('prev')" style="margin-right: 25px; text-decoration:none">Back</a> <a href="javascript: countries.expandit(3)">Click here to select last tab</a> <a href="javascript:countries.cycleit('next')" style="margin-left: 25px; text-decoration:none">Forward</a></p>
<hr />
Well, I did all the steps required, but when I put this inside a div I had inside a table, all of a sudden I couldnt see anything in my design view, only two tables that arent even the same size..When I take out all this code, I get back my regular page..Can I see this tabbed navigation in my design view? Unfortunately, I dont have the spry widgets since I am on Dreamweaver 8..If I preview it in both Safari and Firefox (on Mac Firefox/3.0.8) (Safari 3.2.1) I can see everything fine, including the tabbed navigation..But designing in code isnt really helpful because I want to see what it looks like in design view, in case we change things-its just easier for me to work on..So I assume there is something in this code that is making my design view show nothing..
Update:I tried taking out the code again, but this time, I couldnt see anything again, even without this code..
I know that I can go to validation website, and I got a lot of errors-but all the pages I have that are in the same style have those same errors too—and they display fine..its only when I insert this specific piece of code that everything goes haywire..Is it even possible to view tabbed navigations (like the one in the above link) inside of Dreamweaver Design View?
Any help would be appreciated..

DW8 doesn't render any dynamic content, so I'd say it's a no go. You'll just have to live with that limitation or upgrade to CS4...
Mylenium

Applet TAB navigation not working with 1.4.1_01

I recently upgraded to Java version 1.4.1_01. Now, when I load my applets, the TAB key cannot be used for navigation until I open the Java console and then close it again. To ensure that my the threads in my specific Applet are not the problem, I came up with the following test applet:
import java.awt.BorderLayout;
import javax.swing.BoxLayout;
import javax.swing.JApplet;
import javax.swing.JPanel;
import javax.swing.JTextField;
public class TestApplet extends JApplet {
    public void init() {
        super.init();
    public void start() {
        JPanel myPanel = new JPanel();
        myPanel.setLayout(new BoxLayout(myPanel, BoxLayout.Y_AXIS));
        JTextField textField1 = new JTextField("Text Field 1");
        myPanel.add(textField1);
        JTextField textField2 = new JTextField("Text Field 2");
        myPanel.add(textField2);
        JTextField textField3 = new JTextField("Text Field 3");
        myPanel.add(textField3);
        getContentPane().add(BorderLayout.CENTER, myPanel);
    public void stop() {
        super.stop();
}To ensure that my build environment/options are not the problem, I compiled this applet as follows:
javac TestApplet.java
I then came up with the following HTML file for the applet:
<HTML>
<HEAD>
<TITLE>Test Applet</TITLE>
</HEAD>
<BODY MARGINWIDTH="0" MARGINHEIGHT="0" BGCOLOR="white">
<APPLET
CODE=TestApplet.class
WIDTH=635
HEIGHT=500
ALIGN=left
VSPACE=10
HSPACE=10
>
</APPLET>
</BODY>
</HTML>When I access this test applet, again I am not able to navigate among the text fields with the TAB key. However, if I open the Java console, close it right back up, and refresh my applet, the TAB navigation works. I've tried simply refreshing my applet (as well as a hundred other things) and have had no success.
Any help would be GREATLY appreciated.
Thanks in advance

Looks like this is related to Bug #4707289. To fix this,
I added the following lines to the above applet:
textField1.setFocusable(true);
textField2.setFocusable(true);
textField3.setFocusable(true);

Is there a way in 4.0 to get back button that hides navigation and bookmark bars?

I used to have Firefox version 3.6.something, and in it there was an elongated bubble at the very top right of the window which when pressed would hide the navigation and bookmark toolbars. (This button also exists at the top right corner of Adobe Reader, for instance.) It seems to be missing in version 4.0.
Is there a way to get it back (similar to how it's possible to get back the old status bar)?

Thank you, I know shortcuts are always an option but I was hoping for a more... automatic? solution. I've resorted to forcing links to new tabs that are "to other sites." It has solved my immediate problem, but still is a bit screwy.
Thank you for the help, though. :]

Programmatically Select a Tab in a Tab Navigator

I have an Application with a TabNavigator Component. I am
dynamically adding new Tabs to the Navigator, and I want the new
tab to be selected and displayed. I can find no way to do this
programatically.
Any suggestions?
I've attached a small version of my app, but I notice when
this is run locally, the addTab() method adds a URL parameter for
selectedIndex, and I think this may be screwing things up.
Thanks
Eric.

Add a call to validateNow after addChildAt and before setting
the selectedIndex.
tabNav.addChildAt(_canvas, tabNav.numChildren-1);
tabNav.validateNow(); // would prepare tabNav for the next
task !
var _canvasAdd:Canvas =
tabNav.getChildAt(tabNav.numChildren-2) as Canvas;

Substitution syntax in tabbed navigation list. Smart or Lucky?

I've got a tabbed navigation list that I use on two separate pages.
The list entry points back to the current page but sets a page item value based on the list item value.
So this tabbed list might have items labeled E-mail, Phone, Address. When you click one of the list tab items it submits to the current page, sets a hidden field to EMAIL,PHONE, or ADDRESS. That hidden field controls which email,phone, or address region is displayed.
OK easy enough. Except that I use the same list on multiple pages. Rather than create a list for each page, I made it more generic...
So I set the item target as follows:
Target type: Page in this application
Page: &APP_PAGE_ID.
Set these items: P&APP_PAGE_ID._ALIAS_REGION
With these values: ADDRESS
Notice that I've got substitution type syntax for the target page and the NAME of the item whose value I want to set. For example if the list is rendered on page 2 the target page becomes 2 and the item name becomes P2_ALIAS_REGION. On page 7, they are 7 and P7_ALIAS_REGION respectively.
I also use this same syntax in the "Current List Entry" with a query like:
select 1 from dual where :P&APP_PAGE_ID._ALIAS_REGION = 'ACTIVE'
Now, I thought I was being clever in doing this, since it lets me use the same list on several similar pages. However the Apex Essentials Advisor is complaining about my syntax, and as awesome as that tool is, it got me thinking that I might be too clever for my own good.
Is it valid to use this substitution syntax in this context? I mean it works, but is it supposed to work this way? If this is by happy coincidence then Apex developers please don't change how this works. If this is by design, then you guys/girls are awesome!

Is it valid to use this substitution syntax in this context?Yes.
I mean it works, but is it supposed to work this way?Yes.
If this is by happy coincidence then Apex developers please don't change how this works.It is very unlikely that we would change any of the core substitution logic in ways that adversely affect behavior like this.
If this is by design, then you guys/girls are awesome!Aw, shucks.
Scott

Jdev11 Tab selection and Enable User Customization on Session bug.

When you have enabled User Customization for duration of session then what ever user changes on a page it remains the same through out the session,
ie. Disclosed panel boxes, advanced query criteria, visible columns of tables in panel collections etc.
The problem is that you cant customize which properties to be kept or not :
++Fusion Developer's Guide for Oracle ADF & 34.3 Configuring User Customizations:++
++Note+: If you've enabled just session persistence, then all attribute values shown in Table 34-1 will be persisted to the session.+
There is no way to override this either globally or on an instance.
The bigger problem is that if you have some business logic about these components appearance or behavior you can’t override user settings.
Is this a bug?
Shouldn’t business logic methods override user customization settings?
Will User Customization for duration of session become configurable?
details :[http://adfbugs.blogspot.com/2009/09/tab-selection-and-enable-user.html]

Hi,
Is this a bug?
Don't think so. I assume your business logic is dependent on the disclosure state, which usually is reset after each navigation off and on to a page. Using change persistence you explicitly allow the user to keep the changes. So your business logic cannot rely on a changed state.
The proposed enhancement request to prevent components from perisisting changes sound fair. I'll file one.
But it isn't that you can't override the persisted information for a component. You can use teh ChangeManager API that is exposed on the ADFFacesContext to override persistence information
http://download.oracle.com/docs/cd/E15051_01/apirefs.1111/e10684/oracle/adf/view/rich/change/ChangeManager.html
For example, using a change disclosure event:
boolean isDisclosed = < whatever you like to set >;
//Record a Change for 'disclosed' attribute
AttributeComponentChange aa =
new AttributeComponentChange('disclosed', isDisclosed ? Boolean.TRUE : Boolean.FALSE);
AdfFacesContext adfContext = AdfFacesContext.getCurrentInstance();
//set disclosed state to component. Here you override the user choice
adfContext.getChangeManager().addComponentChange(getFacesContext(), event.getSource(), aa);Frank
Edited by: Frank Nimphius on Sep 30, 2009 3:20 PM

Tab navigation and clusters

Similar Messages

Maybe you are looking for